/**首页banner**/.index-banner { position: relative;}.index-banner img { display: block; object-fit: cover;}.index-banner .pc { display: block;}.index-banner .phone { display: none;}.index-banner .cont { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; padding-bottom: 6%; color: #ffffff;}.index-banner .cont .des, .index-banner .cont .more-box-a { transform: translate3d(0, 100%, 0); opacity: 0;}.index-banner .cont .des { font-size: var(--fs22); line-height: 1.36em; letter-spacing: 2px; transition: transform 0.4s, opacity 0.4s;}.index-banner .cont .h5 { font-size: var(--fs42); font-weight: 500; line-height: 1.36em; letter-spacing: 2px; transition: transform 0.5s, opacity 0.5s; width: 65%; margin: 0 auto; margin-bottom: 2vh;}.index-banner .cont .more-box-a { margin-top: 39px; transition: transform 0.6s, opacity 0.6s;}.index-banner .ani-slide .cont .des, .index-banner .ani-slide .cont .h5, .index-banner .ani-slide .cont .more-box-a { transform: translate3d(0, 0, 0); opacity: 1;}.index-banner .swiper-slide { position: relative; overflow: hidden; height: auto;}.index-banner .swiper-points-box { --pw: 30px; position: absolute; z-index: 2; left: 0; width: 100%; bottom: 60px; text-align: center;}.index-banner .swiper-points-box .swiper-pagination-bullet { border-radius: 0; height: 4px; width: var(--pw); background-color: rgba(255, 255, 255, 0.2); opacity: 1; transition: all 0.3s; position: relative; display: inline-block;}.index-banner .swiper-points-box .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: 12px;}/* .index-banner .swiper-points-box .swiper-pagination-bullet-active { background-color: #ffffff;} */.index-banner .swiper-points-box .swiper-pagination-bullet::after { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; transition: all 0.5s; background: #ffffff;}.index-banner .swiper-points-box .swiper-pagination-bullet-active::after { width: 100%;}.search { /*position: absolute;*/ top: 30%; left: 20%; width: 60%; overflow: hidden;}.search img { width: 100%; margin-bottom: 2%}.message { width: 60%; margin: 0 auto; overflow: hidden;}.message input { background: #fff; width: 88%; height: 6vh; float: left; padding-left: 2%; font-size: 2.5vh}.message button { width: 10%; float: left; height: 6vh; background: #3d5743; cursor: pointer;}.message button img { width: 30%; line-height: 6vh; display: block; margin: 0 auto;}@media (max-width: 1300px) { .index-banner .swiper-points-box { bottom: 50px; }}@media (max-width: 1200px) { .index-banner .swiper-points-box { bottom: 40px; }}@media (max-width: 992px) { .index-banner .pc { display: none; } .index-banner .phone { display: block; } .index-banner .cont { padding-bottom: 34%; } .index-banner .cont .h5 { font-size: 0.4rem; width: 100%; } .index-banner .cont .more-box-a { margin-top: 0.5rem; } .index-banner .swiper-points-box { --pw: 0.3rem; bottom: 0.3rem; } .search { /*position: absolute;*/ top: 30%; left: 5%; width: 90%; overflow: hidden; } .search img { width: 100%; margin-bottom: 5% } .message { width: 90%; margin: 0 auto; overflow: hidden; } .message input { background: #fff; width: 83%; height: 6vh; float: left; padding-left: 2%; font-size: 2.5vh } .message button { width: 15%; float: left; height: 6vh; cursor: pointer; } .message button img { width: 50%; line-height: 6vh; display: block; margin: 0 auto; }}.index-algorithm { position: relative; background: url(../images/index/list-1-2-bg.jpg) no-repeat center / cover; padding-bottom: calc(var(--wrap-1440-width)*0.06597); overflow: hidden;}.index-algorithm .auto-title-block { position: relative; z-index: 2;}.index-algorithm .tab-box { --tablw: 360px;}.index-algorithm .tab-box .cont-list { position: relative; z-index: 2; width: calc(95% - var(--tablw));}.index-algorithm .tab-box .cont-list .cont-li { display: none;}.index-algorithm .tab-box .cont-list .cont-li.on { display: block;}.index-algorithm .tab-box .cont-list .title-icon { margin-bottom: 36px;}.index-algorithm .tab-box .cont-list .li-tit { margin-bottom: 10px; font-size: var(--fs18); line-height: 1.4em; color: #181818;}.index-algorithm .tab-box .cont-list .a-box { --lh: 1.57em; margin: -1px 0; height: calc((var(--lh) + 2px)*2); overflow: hidden; font-size: var(--fs14); line-height: var(--lh); color: #666666;}.index-algorithm .tab-box .cont-list .a-box .a-li { margin-right: 20px; padding: 1px 0;}.index-algorithm .tab-box .cont-list .a-box i { margin-left: 6px; font-size: 0.857em;}.index-algorithm .tab-box .cont-list .a-box .hot { color: #D80000;}.index-algorithm .tab-box .cont-list .a-box .new { color: var(--mcolor2);}.index-algorithm .tab-box .cont-list .a-box .sale { color: #7536FF;}.index-algorithm .tab-box .cont-list .a-box a { display: inline-block; vertical-align: top;}.index-algorithm .tab-box .cont-list .a-box a:hover { color: var(--mcolor);}.index-algorithm .tab-box .cont-list .more-box-b { margin-top: 4px; margin-bottom: 32px;}.index-algorithm .tab-box .cont-list .logo-box { gap: 15px 40px; padding-top: 4px;}.index-algorithm .tab-box .tab-list { position: relative; z-index: 2; width: var(--tablw); font-size: var(--fs14); line-height: 1.57em; color: #181818;}.index-algorithm .tab-box .tab-list .swiper { box-shadow: rgba(var(--mcolor-rgb), 0) 0px 0px 30px; transition: all 0.5s;}.index-algorithm .tab-box .tab-list .swiper:hover { box-shadow: rgba(var(--mcolor-rgb), 0.2) 0px 0px 30px;}.index-algorithm .tab-box .tab-list .swiper-wrapper { flex-wrap: wrap;}.index-algorithm .tab-box .tab-list .tab-li { width: 33.33%;}.index-algorithm .tab-box .tab-list .li-box { --iconw: 11px; display: block; position: relative; background-color: #ffffff; height: 100%; padding: 10px 10px 8px; box-shadow: rgba(var(--mcolor-rgb), 0) 0px 0px 30px; text-align: center; cursor: pointer; transition: all 0.3s;}.index-algorithm .tab-box .tab-list .li-box::before, .index-algorithm .tab-box .tab-list .li-box::after { content: ''; display: block; position: absolute; width: calc(var(--iconw)); height: calc(var(--iconw)); opacity: 0; transition: all 0.3s;}.index-algorithm .tab-box .tab-list .li-box::before { left: 10px; top: 10px; border-left: 1px solid var(--mcolor); border-top: 1px solid var(--mcolor);}.index-algorithm .tab-box .tab-list .li-box::after { right: 10px; bottom: 10px; border-right: 1px solid var(--mcolor); border-bottom: 1px solid var(--mcolor);}.index-algorithm .tab-box .tab-list .li-box .img-box { --imgpt: 80%; transform: translate(0, 0); transition: transform 0.3s;}.index-algorithm .tab-box .tab-list .li-box.on, .index-algorithm .tab-box .tab-list .li-box:hover { z-index: 2; color: var(--mcolor);}.index-algorithm .tab-box .tab-list .li-box.on .img-box, .index-algorithm .tab-box .tab-list .li-box:hover .img-box { transform: translate(0, -8px);}.index-algorithm .tab-box .tab-list .li-box.on { background: #F3F3FA; color: var(--mcolor);}.index-algorithm .tab-box .tab-list .li-box.on::before, .index-algorithm .tab-box .tab-list .li-box.on::after { opacity: 1;}.index-algorithm .tab-box .img-list { display: flex; position: absolute; right: 0; top: 0; height: 100%; width: calc(var(--win-width-1920)*0.21875);}.index-algorithm .tab-box .img-list .img-li { flex-shrink: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s;}.index-algorithm .tab-box .img-list .img-li+.img-li { margin-left: -100%;}.index-algorithm .tab-box .img-list .img-li.on { opacity: 1;}.index-algorithm .tab-box .img-list .img-li img { object-fit: cover;}@media (max-width: 1200px) { .index-algorithm .tab-box { --tablw: 330px; }}@media (max-width: 992px) { .index-algorithm { padding-bottom: 0.55rem; } .index-algorithm .tab-box { --tablw: 100%; } .index-algorithm .tab-box .cont-list { width: 100%; } .index-algorithm .tab-box .cont-list .title-icon { margin-bottom: 0.3rem; } .index-algorithm .tab-box .cont-list .li-tit { margin-top: 0.15rem; } .index-algorithm .tab-box .cont-list .more-box-b { margin-bottom: 0.1rem; } .index-algorithm .tab-box .cont-list .logo-box { padding-top: 0; gap: 0.15rem 0.3rem; } .index-algorithm .tab-box .cont-list .logo-box img { height: 0.6rem; } .index-algorithm .tab-box .tab-list { order: -1; margin-bottom: 0.3rem; } .index-algorithm .tab-box .tab-list .swiper { overflow: visible; } .index-algorithm .tab-box .tab-list .swiper:hover { box-shadow: rgba(var(--mcolor-rgb), 0) 0px 0px 30px; } .index-algorithm .tab-box .tab-list .swiper-wrapper { flex-wrap: nowrap; } .index-algorithm .tab-box .tab-list .tab-li { width: 1.5rem; } .index-algorithm .tab-box .tab-list .li-box { background: transparent; } .index-algorithm .tab-box .img-list { display: none; }}.index-algorithm-bot { position: relative; background: url(../images/index/list-2-bg.jpg) no-repeat center / cover; padding-bottom: calc(var(--wrap-1440-width)*0.04166); color: #ffffff;}.index-algorithm-bot .auto-title-block .auto-title-h2 { color: #ffffff;}.index-algorithm-bot .auto-title-block .auto-title-des { color: rgba(255, 255, 255, 0.6);}.index-algorithm-bot .wrap-box { --tipsw: 346px; margin-left: var(--tipsw); position: relative; padding-left: calc(var(--wrap-1440-width)*0.03472);}.index-algorithm-bot .wrap-box .tips-cont-box { --pad: 24px; position: absolute; left: calc(var(--tipsw)*-1); top: calc(var(--wrap-1440-width)*-0.04166); width: var(--tipsw);}.index-algorithm-bot .wrap-box .tips-cont { box-shadow: rgba(var(--mcolor-rgb), 0) 0px 0px 30px; background: #2b33a8 url(../images/index/list-2-2-1-bg.png) no-repeat bottom center / cover; transition: all 0.3s;}.index-algorithm-bot .wrap-box .tips-cont .top { background: url(../images/index/list-2-2-2-bg.png) no-repeat center / cover; padding-left: var(--pad); padding-right: var(--pad); padding-top: 18px; padding-bottom: 20px; font-size: var(--fs22); font-weight: 600; line-height: 2.36em;}.index-algorithm-bot .wrap-box .tips-cont .top .big { font-size: var(--fs36);}.index-algorithm-bot .wrap-box .tips-cont .top .txt2 { margin-top: 7px; font-size: var(--fs16); line-height: 1.5em; color: rgba(255, 255, 255, 0.6);}.index-algorithm-bot .wrap-box .tips-cont .list { padding-top: 23px; padding-bottom: 30px; padding-left: var(--pad); padding-right: var(--pad);}.index-algorithm-bot .wrap-box .tips-cont .list .list-li+.list-li { margin-top: 18px;}.index-algorithm-bot .wrap-box .tips-cont .list .list-li .t { font-size: var(--fs22); font-weight: 500; line-height: 2em;}.index-algorithm-bot .wrap-box .tips-cont .list .list-li .t .big { transform: translate(0, calc((var(--fs28) - var(--fs14))*-0.2)); margin-left: 10px; font-size: var(--fs28); color: #2FC8E1;}.index-algorithm-bot .wrap-box .tips-cont .list .list-li .con { font-size: var(--fs14); line-height: 1.57em; color: rgba(255, 255, 255, 0.6);}.index-algorithm-bot .wrap-box .tips-cont .list .list-li .con .bot-line { position: relative; color: #ffffff;}.index-algorithm-bot .wrap-box .tips-cont .list .list-li .con .bot-line::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background-color: #ffffff;}.index-algorithm-bot .wrap-box .tips-cont:hover { box-shadow: rgba(var(--mcolor-rgb), 0.2) 0px 0px 30px;}.index-algorithm-bot .wrap-box .point-list { --linew: 25px; --gap: 7px; --icow: 60px; margin: 4px calc(var(--gap)*-1) 0;}.index-algorithm-bot .wrap-box .point-list .point-li { position: relative; width: 25%; min-height: 365px; padding: 0 calc(var(--gap)*1);}.index-algorithm-bot .wrap-box .point-list .point-li:nth-child(2n+2) { padding-top: 100px;}.index-algorithm-bot .wrap-box .point-list .point-li:nth-child(1) .posiont-line { height: 48%;}.index-algorithm-bot .wrap-box .point-list .point-li:nth-child(2) .posiont-line { height: calc(100% - var(--icow)*0.5);}.index-algorithm-bot .wrap-box .point-list .point-li:nth-child(3) .posiont-line { height: calc(98% - var(--icow)*0.5);}.index-algorithm-bot .wrap-box .point-list .point-li:nth-child(4) .posiont-line { height: calc(100% - var(--icow)*0.5);}.index-algorithm-bot .wrap-box .point-list .point-cycle { --anstime: 3s; --pcyw: 9px; margin-top: 12px; position: absolute; right: 32px;}.index-algorithm-bot .wrap-box .point-list .point-cycle .point-i { transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; border-radius: 50%; width: var(--pcyw); height: var(--pcyw); background: var(--mcolor2); will-change: height, width;}.index-algorithm-bot .wrap-box .point-list .point-cycle .point-i:nth-child(2) { animation: pointrun1 var(--anstime) infinite; animation-delay: 0.35s;}.index-algorithm-bot .wrap-box .point-list .point-cycle .point-i:nth-child(3) { animation: pointrun1 var(--anstime) infinite; animation-delay: 0.75s;}.index-algorithm-bot .wrap-box .point-list .posiont-line { --pow: 8px; margin-top: calc(var(--icow)*0.5); position: relative; border-left: 1px dashed rgba(255, 255, 255, 0.2); border-top: 1px dashed rgba(255, 255, 255, 0.2); width: var(--linew); pointer-events: none;}.index-algorithm-bot .wrap-box .point-list .posiont-line::before, .index-algorithm-bot .wrap-box .point-list .posiont-line::after { content: ''; display: block; position: absolute; border-radius: 50%; width: var(--pow); height: var(--pow); background: #ffffff;}.index-algorithm-bot .wrap-box .point-list .posiont-line::before { transform: translate(50%, -50%); right: 0; top: 0;}.index-algorithm-bot .wrap-box .point-list .posiont-line::after { transform: translate(-50%, 0); left: 0; bottom: 0;}.index-algorithm-bot .wrap-box .point-list .cont-box { position: relative; width: calc(100% - var(--linew)); font-size: var(--fs14); line-height: 1.57em;}.index-algorithm-bot .wrap-box .point-list .cont-box .top-cont { color: #ffffff; background: transparent; cursor: pointer; transition: all 0.3s;}.index-algorithm-bot .wrap-box .point-list .cont-box .top-cont .ico { border: 1px solid #ffffff; width: var(--icow);}.index-algorithm-bot .wrap-box .point-list .cont-box .top-cont .ico-con { width: calc(100% - var(--icow)); padding: 6px 10px;}.index-algorithm-bot .wrap-box .point-list .cont-box .top-cont .ico-con .h6 { font-size: var(--fs18); line-height: 1.45em;}.index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont { transform: translate(0, -10px); background: #F3F3FA; padding: 8px 12px; opacity: 0; pointer-events: none; transition: transform 0.3s, opacity 0.3s;}.index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont .bot-t { font-weight: 600; color: #181818;}.index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont .ul { margin-top: 5px;}.index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont .ul .li { --jth: 4px; width: 100%; padding: 3px 0; color: #666666;}.index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont .ul .li .jt { flex-shrink: 0; margin-top: 0.4em; margin-right: 4px; border-top: calc(var(--jth)*1) solid transparent; border-bottom: calc(var(--jth)*1) solid transparent; border-left: calc(var(--jth)*1) solid var(--mcolor);}.index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont .more-box-c { margin-top: -4px; margin-bottom: -4px;}.index-algorithm-bot .wrap-box .point-list .cont-box:hover .top-cont { color: #181818; background-color: #ffffff;}.index-algorithm-bot .wrap-box .point-list .cont-box:hover .top-cont .ico .i { opacity: 0;}.index-algorithm-bot .wrap-box .point-list .cont-box:hover .top-cont .ico .h { opacity: 1;}.index-algorithm-bot .wrap-box .point-list .cont-box:hover .bot-cont { transform: translate(0, 0); opacity: 1; pointer-events: auto;}@keyframes pointrun1 { 0% { width: calc(var(--pcyw)*1); height: calc(var(--pcyw)*1); opacity: 1; } 75% { width: calc(var(--pcyw)*4); height: calc(var(--pcyw)*4); } 100% { opacity: 0; }}@media (max-width: 1500px) { .index-algorithm-bot .wrap-box { --tipsw: 310px; } .index-algorithm-bot .wrap-box .tips-cont-box { --pad: 20px; } .index-algorithm-bot .wrap-box .point-list { --linew: 20px; --gap: 5px; --icow: 54px; }}@media (max-width: 1400px) { .index-algorithm-bot .wrap-box .point-list .point-li:nth-child(2n+2) { padding-top: 50px; } .index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont .ul { margin-top: 0; } .index-algorithm-bot .wrap-box .point-list .cont-box .bot-cont .ul .li { padding: 2px 0; }}@media (max-width: 992px) { .index-algorithm-bot { padding-bottom: 0.55rem; } .index-algorithm-bot .wrap-box { --tipsw: 100%; margin-left: 0; padding-left: 0; } .index-algorithm-bot .wrap-box .auto-title-block { width: 100%; } .index-algorithm-bot .wrap-box .tips-cont-box { --pad: 0.3rem; position: relative; left: 0; top: 0; width: 100%; } .index-algorithm-bot .wrap-box .tips-cont .top { padding-top: 0.2rem; padding-bottom: 0.2rem; background: transparent; line-height: 2em; } .index-algorithm-bot .wrap-box .tips-cont .list { padding-top: 0.2rem; padding-bottom: 0.2rem; } .index-algorithm-bot .wrap-box .tips-cont .list .list-li+.list-li { margin-top: 0.2rem; } .index-algorithm-bot .wrap-box .point-list { --icow: 0.9rem; margin-top: 0.15rem; } .index-algorithm-bot .wrap-box .point-list .point-cycle { display: none; right: 30px; top: 10px; } .index-algorithm-bot .wrap-box .point-list .point-li { margin-top: 0.15rem; width: 100%; min-height: 0; } .index-algorithm-bot .wrap-box .point-list .point-li:nth-child(2n+2) { padding-top: 0; } .index-algorithm-bot .wrap-box .point-list .point-li:nth-child(1) .posiont-line, .index-algorithm-bot .wrap-box .point-list .point-li:nth-child(2) .posiont-line, .index-algorithm-bot .wrap-box .point-list .point-li:nth-child(3) .posiont-line { height: calc(100% - var(--icow)*0.5); } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box:hover .top-cont { color: #ffffff; background: transparent; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box:hover .top-cont .ico .i { opacity: 1; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box:hover .top-cont .ico .h { opacity: 0; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box .ico-con { padding: 0.1rem 0.05rem 0.1rem 0.2rem; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box .bot-cont { transform: translate(0, 0); margin-top: 0.05rem; opacity: 1; pointer-events: auto; background: transparent; padding: 0.1rem 0.15rem 0.25rem; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box .bot-cont .bot-t { color: #ffffff; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box .bot-cont .ul .li { --jth: 0.08rem; width: 49%; padding: 0.05rem 0; color: #ffffff; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box .bot-cont .ul .li .jt { margin-top: 0.5em; margin-right: 0.5em; border-left-color: #ffffff; } .index-algorithm-bot .wrap-box .point-list .point-li .cont-box .bot-cont .more-box-c { --fill: #ffffff; margin: -0.6rem 0 0; position: absolute; top: 0; right: 25%; }}.index-case { overflow: hidden; background: url(../images/index/list-3-bg.jpg) no-repeat center / cover; padding-bottom: calc(var(--wrap-1440-width)*0.04166);}.index-case .tab-box-self { --times: 5s; --tabpad: 50px; --titw: 160px;}.index-case .tab-box-self.autoClass .tab-tit .tit::before { transition: width var(--times);}.index-case .tab-box-self .tab-li { display: none; position: relative; padding-left: var(--tabpad);}.index-case .tab-box-self .tab-li.on { display: flex;}.index-case .tab-box-self .tab-li .left-cont { width: 53.238%;}.index-case .tab-box-self .tab-li .left-cont .title-box { --size: 1em; --fill: var(--mcolor2); position: absolute; left: 0; bottom: calc(var(--tabpad)*-1); height: 90%; background-color: var(--mcolor); font-size: var(--fs20); line-height: 1.5em; color: #ffffff;}.index-case .tab-box-self .tab-li .left-cont .title-box .title-flex { position: relative; z-index: 2; background-color: var(--mcolor); width: var(--titw); padding: 28px 20px;}.index-case .tab-box-self .tab-li .left-cont .title-box .jt { flex-shrink: 0; margin-right: 0.7em;}.index-case .tab-box-self .tab-li .left-cont .img-box { --imgpt: 56.08%;}.index-case .tab-box-self .tab-li .right-cont { width: 43.9%; padding: 15px 0; align-content: center;}.index-case .tab-box-self .tab-li .right-cont img { display: block;}.index-case .tab-box-self .tab-li .right-cont .h6 { margin: 6px 0 12px -0.6em; width: 100%; font-size: var(--fs22); font-weight: 500; line-height: 1.36em; color: #181818;}.index-case .tab-box-self .tab-li .right-cont .cont { -webkit-line-clamp: 4; font-size: var(--fs14); line-height: 1.857em; color: #666666;}.index-case .tab-box-self .tab-li .right-cont .more-box-b { margin-top: 10%;}.index-case .tab-box-self .tab-tit { --spad: 9px; margin-left: var(--tabpad); height: var(--tabpad); width: calc((100% - var(--tabpad))*0.53238); padding-left: calc(var(--titw) - var(--tabpad) + 20px); overflow: hidden; font-size: var(--fs14); line-height: var(--tabpad); color: #666666;}.index-case .tab-box-self .tab-tit .swiper-box { margin: 0 calc(var(--spad)*-1);}.index-case .tab-box-self .tab-tit .swiper-wrapper { justify-content: space-between;}.index-case .tab-box-self .tab-tit .swiper-slide { position: relative; width: auto; padding: 0 var(--spad);}.index-case .tab-box-self .tab-tit .click { display: block; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%;}.index-case .tab-box-self .tab-tit .tit { display: block; position: relative; cursor: pointer;}.index-case .tab-box-self .tab-tit .tit::before { content: ''; display: block; margin-top: 1.2em; position: absolute; left: 0; top: 50%; width: 0; height: 2px; background-color: var(--mcolor); opacity: 0;}.index-case .tab-box-self .tab-tit .tit.on { color: var(--mcolor);}.index-case .tab-box-self .tab-tit .tit.on::before { opacity: 1; width: 100%;}.index-case .tab-box-self .tab-tit .tit:hover { color: var(--mcolor);}@media (max-width: 1500px) { .index-case .tab-box-self .tab-li .right-cont img { height: 64px; } .index-case .tab-box-self .tab-li .right-cont .more-box-b { margin-top: 5%; }}@media (max-width: 1400px) { .index-case .tab-box-self .tab-li .right-cont img { height: 60px; } .index-case .tab-box-self .tab-li .right-cont .more-box-b { margin-top: 4%; }}@media (max-width: 1200px) { .index-case .tab-box-self .tab-li .right-cont { width: 46%; } .index-case .tab-box-self .tab-li .right-cont img { height: 56px; } .index-case .tab-box-self .tab-li .right-cont .cont { -webkit-line-clamp: 3; } .index-case .tab-box-self .tab-li .right-cont .more-box-b { margin-top: 3%; }}@media (max-width: 992px) { .index-case { padding-bottom: 0.55rem; } .index-case .tab-box-self { --tabpad: 0.7rem; --titw: 2rem; display: flex; flex-wrap: wrap; } .index-case .tab-box-self .tab-tit { --spad: 0.15rem; order: -1; margin-top: -0.2rem; margin-left: 0; width: 100%; padding-left: 0; } .index-case .tab-box-self .tab-tit .tit::before { top: auto; bottom: 0; } .index-case .tab-box-self .tab-li { width: 100%; padding-left: 0; } .index-case .tab-box-self .tab-li .left-cont { order: 2; width: 100%; } .index-case .tab-box-self .tab-li .left-cont .title-box { display: none; } .index-case .tab-box-self .tab-li .right-cont { position: relative; width: 100%; padding: 0.15rem 0 0; } .index-case .tab-box-self .tab-li .right-cont img { height: 0.7rem; } .index-case .tab-box-self .tab-li .right-cont .h6 { margin: 0.1rem 0 0.15rem; } .index-case .tab-box-self .tab-li .right-cont .cont { -webkit-line-clamp: 3; } .index-case .tab-box-self .tab-li .right-cont .more-box-b { margin-top: 0.1rem; margin-bottom: 0.2rem; }}.index-partner { overflow: hidden; padding-bottom: calc(var(--wrap-1440-width)*0.04166);}.index-partner .dl { --leftw: 165px;}.index-partner .dl+.dl { margin-top: 2.77%;}.index-partner .dl:nth-child(1) .swiper-wrapper { gap: 20px 38px;}.index-partner .dl:nth-child(2) .swiper-wrapper { gap: 20px 44px;}.index-partner .dl:nth-child(3) .swiper-wrapper { gap: 20px 42px;}.index-partner .dl .dt { width: var(--leftw); background: #FFFFFF; box-shadow: 4px 4px 20px 0px rgba(24, 24, 24, 0.03); padding: 15px;}.index-partner .dl .dt .dt-title { margin-top: 8px; width: 100%; text-align: center; font-size: var(--fs16); line-height: 1.625em; color: #181818;}.index-partner .dl .dd { width: calc(97.3% - var(--leftw));}.index-partner .dl .dd .swiper { overflow: visible;}.index-partner .dl .dd .swiper-wrapper { justify-content: space-between; flex-wrap: wrap;}.index-partner .dl .dd .swiper-slide { width: auto;}.index-partner .dl .dd .swiper-slide a { margin: -5px; padding: 5px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0); transition: all 0.3s;}.index-partner .dl .dd .swiper-slide a:hover { box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);}@media (min-width: 992px) and (max-width: 1600px) { .index-partner .dl:nth-child(1) .swiper-slide:nth-child(6) { display: none; } .index-partner .dl:nth-child(1) .swiper-slide:last-child { display: none; } .index-partner .dl:nth-child(2) .swiper-slide:nth-last-child(3) { display: none; } .index-partner .dl:nth-child(2) .swiper-slide:nth-last-child(4) { display: none; } .index-partner .dl:nth-child(3) .swiper-slide:nth-child(9) { display: none; } .index-partner .dl:nth-child(3) .swiper-slide:last-child { display: none; }}@media (max-width: 1700px) { .index-partner .dl { --leftw: 150px; } .index-partner .dl:nth-child(1) .swiper-wrapper { gap: 20px 38px; } .index-partner .dl:nth-child(2) .swiper-wrapper { gap: 20px 42px; } .index-partner .dl:nth-child(3) .swiper-wrapper { gap: 20px 38px; }}@media (max-width: 1500px) { .index-partner .dl { --leftw: 130px; } .index-partner .dl:nth-child(1) .swiper-wrapper { gap: 20px 30px; } .index-partner .dl:nth-child(2) .swiper-wrapper { gap: 20px 30px; } .index-partner .dl:nth-child(3) .swiper-wrapper { gap: 20px 25px; }}@media (max-width: 1200px) { .index-partner .dl { --leftw: 100px; } .index-partner .dl:nth-child(1) .swiper-wrapper { gap: 15px 10px; } .index-partner .dl:nth-child(2) .swiper-wrapper { gap: 15px 10px; } .index-partner .dl:nth-child(3) .swiper-wrapper { gap: 15px 8px; } .index-partner .dl .dt { margin: 0 auto; } .index-partner .dl .dd { margin-top: 10px; width: 100%; }}@media (max-width: 992px) { .index-partner { --leftw: 2rem; padding-bottom: 0.55rem; } .index-partner .dl:nth-child(1) .swiper-wrapper { gap: 0; } .index-partner .dl:nth-child(2) .swiper-wrapper { gap: 0; } .index-partner .dl:nth-child(3) .swiper-wrapper { gap: 0; } .index-partner .dl .dt { margin: 0 auto; padding: 0.15rem; } .index-partner .dl .dt img { display: none; } .index-partner .dl .dd { margin-top: 10px; width: 100%; } .index-partner .dl .dd .swiper { overflow: hidden; height: 2.4rem; } .index-partner .dl .dd .swiper-slide { height: 1.2rem; padding: 0.1rem; } .index-partner .dl .dd .swiper-slide a { margin: 0; padding: 0.15rem; } .index-partner .dl .dd .swiper-slide img { height: 0.7rem; }}.index-news { overflow: hidden; background-color: #F8F9FC; padding-bottom: calc(var(--wrap-1440-width)*0.04166);}.index-news .tab-tit { margin-top: -24px; margin-bottom: 1.667%; font-size: var(--fs14); line-height: 1.57em; color: #666666;}.index-news .tab-tit a { position: relative; padding: 8px 0;}.index-news .tab-tit a+a { margin-left: 20px;}.index-news .tab-tit a:hover, .index-news .tab-tit a.on { color: var(--mcolor);}.index-news .tab-tit a:hover::after, .index-news .tab-tit a.on::after { left: 0%; width: 100%;}.index-news .tab-tit a::after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 0%; height: 2px; background-color: var(--mcolor); transition: all 0.3s;}.index-news .news-box .left-cont { width: 50%;}.index-news .news-box .right-cont { width: 49.306%;}@media (max-width: 1400px) { .index-news .tab-tit { margin-top: -18px; }}@media (max-width: 992px) { .index-news { padding-bottom: 0.55rem; } .index-news .tab-tit { margin-top: -0.1rem; margin-bottom: 0.2rem; } .index-news .tab-tit a { padding: 0.1rem 0; } .index-news .news-box .left-cont, .index-news .news-box .right-cont { width: 100%; } .index-news .news-box .right-cont { display: none; margin-top: 0.3rem; }}.index-apply { position: relative; background: url(../images/index/list-4-bg.jpg) no-repeat center / auto 100%;}.index-apply .canvas-box { position: absolute!important; left: 0; top: 0; width: 100%; height: 100%;}.index-apply .flex-box { height: 180px; padding-right: 34%;}@media (max-width: 992px) { .has-index-apply { padding-bottom: 0.9rem; } .index-apply { position: fixed; z-index: 2; left: 0; bottom: 0; background: var(--mcolor3); background: #2c61ff; width: 100%; opacity: 1!important; transform: translate(0, 0) !important; } .index-apply .flex-box { height: auto; padding: 0.15rem; justify-content: space-between; align-items: center; font-size: 0.36rem; line-height: 1.4em; font-weight: 600; color: #ffffff; } .index-apply .more-box-a { --lh: 0.6rem; --fz: var(--fs26); }}.auto-banner { --contw: 550px; display: flex; overflow: hidden;}.auto-banner .img-div { display: flex; flex-shrink: 0; width: 100%;}.auto-banner .img-div img { display: block;}.auto-banner .img-div .pc { display: block;}.auto-banner .img-div .phone { display: none;}.auto-banner .cont { margin-left: -100%; flex-shrink: 0; width: 100%; padding: calc(var(--wrap-1440-width)*0.0208) 0; color: #ffffff;}.auto-banner .cont .h1 { margin-top: 5.3%; width: var(--contw); max-width: 100%; font-size: var(--fs42); font-weight: 500; line-height: 1.28em;}.auto-banner .cont .h1.type-a { font-size: var(--fs36); line-height: 1.33em;}.auto-banner .cont .h1.color-a { color: #181818;}.auto-banner .cont .h1.color2 { color: #181818;}.auto-banner .cont .h1.mb1 { margin-top: 5.7%;}.auto-banner .cont .h1 .icon-span { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 0 0.5em; font-size: var(--fs12); line-height: 1.6667em; color: #ffffff;}.auto-banner .cont .h1 .icon-span.hot { background-color: #D80000;}.auto-banner .cont .des { margin-top: 16px; width: var(--contw); max-width: 100%; font-size: var(--fs16); line-height: 1.4em;}.auto-banner .cont .des.type-a { color: #666666;}.auto-banner .cont .des.color2 { color: rgba(255, 255, 255, 0.6);}.auto-banner .cont .tag-list { margin-top: 16px; font-size: var(--fs14); line-height: 1.571428em; color: #999999;}.auto-banner .cont .tag-list a:hover { color: var(--mcolor);}.auto-banner .cont .tag-list .line { margin: 0 0.5em; height: 0.8em; width: 1px; background-color: #999999; opacity: 0.8;}.auto-banner .cont .btn-box { margin-top: 2.5%;}.auto-banner .cont .btn-box.mt1 { margin-top: 5.7%;}.auto-banner .cont .btn-box .more-box-a, .auto-banner .cont .btn-box .more-box-e { --lh: 36px;}.auto-banner .cont .btn-box .more-box-a+.more-box-a, .auto-banner .cont .btn-box .more-box-a+.more-box-e, .auto-banner .cont .btn-box .more-box-e+.more-box-e, .auto-banner .cont .btn-box .more-box-e+.more-box-a { margin-left: 12px;}.auto-banner .cont .btn-box .more-box-a .more-box { min-width: 8.4em;}.auto-banner .cont.type-a { color: #fff;}.auto-banner .cont.type-a .des { color: rgba(255, 255, 255, 0.6);}.auto-banner .cont.type-a .btn-box { margin-top: 6%;}.auto-banner .cont-img { --contw: 100%; padding-top: 10px;}.auto-banner .cont-img .cont-box { width: 720px; max-width: 55%;}.auto-banner .cont-img .cont-box .h1 { margin: 0;}.auto-banner .cont-img .cont-box .btn-box { margin-top: calc(var(--wrap-1440-width)*0.0305);}.auto-banner .cont-img .img-box { width: 520px; max-width: 40%;}.auto-banner .cont-img .img-box.type-a { width: 570px;}.auto-banner .cont-video { --contw: 100%; padding: 2.77% 0;}.auto-banner .cont-video .cont-box { width: 720px; max-width: 50%;}.auto-banner .cont-video .cont-box .h1 { margin: 0; color: #ffffff;}.auto-banner .cont-video .cont-box .word { margin-top: calc(var(--wrap-1440-width)*0.0208); font-size: var(--fs14); line-height: 1.8571em; color: #ffffff;}.auto-banner .cont-video .cont-box .word p+p { margin-top: calc(var(--wrap-1440-width)*0.0208);}.auto-banner .cont-video .right-cont { width: 640px; max-width: 47%;}@media (min-width: 992px) { .auto-banner .cont.type-a { color: #fff; } .auto-banner .cont.type-a .des { margin-top: 21px; }}@media (max-width: 992px) { .auto-banner .img-div .pc { display: none; } .auto-banner .img-div .phone { display: block; } .auto-banner .cont { padding: 0.5rem 0 0.7rem; } .auto-banner .cont .h1 { margin-top: 0.2rem; width: 100%; font-size: 0.4rem; } .auto-banner .cont .h1.mb1 { margin-top: 10%; } .auto-banner .cont .des { margin-top: 0.3rem; width: 100%; font-size: 0.3rem; } .auto-banner .cont .tag-list { margin-top: 0.3rem; flex-wrap: wrap; } .auto-banner .cont .btn-box { margin-top: 0.4rem; } .auto-banner .cont .btn-box.mt1 { margin-top: 0.4rem; } .auto-banner .cont .btn-box .more-box-a { --lh: 0.5rem; } .auto-banner .cont-img { --contw: 100%; flex-wrap: wrap; } .auto-banner .cont-img .cont-box { width: 100%; max-width: 100%; } .auto-banner .cont-img .cont-box .h1 { margin: 0; font-size: 0.4rem; } .auto-banner .cont-img .cont-box .btn-box { margin-top: 0.4rem; } .auto-banner .cont-img .img-box { margin-top: 0.6rem; width: 100%; max-width: 100%; } .auto-banner .cont-video { --contw: 100%; padding: 0.2rem 0; } .auto-banner .cont-video .cont-box { width: 100%; max-width: 100%; } .auto-banner .cont-video .cont-box .word { margin-top: 0.3rem; } .auto-banner .cont-video .cont-box .word p+p { margin-top: 0.2rem; } .auto-banner .cont-video .right-cont { margin-top: 0.35rem; width: 100%; max-width: 100%; }}.this-type-location { --lh: 1.5715em; padding-top: 16px; padding-bottom: 16px; font-size: var(--fs14);}.this-type-location .title { margin-right: 10px;}.this-type-location .exit-a { --size: 1em; --c: #999999; --fill: var(--c); display: inline-flex; margin-top: 7px; margin-right: 10px; color: var(--c);}.this-type-location .exit-a .exit-word { margin-right: 4px;}.this-type-location .exit-a:hover { --c: var(--mcolor);}.this-type-location .clear-all { margin-top: 14px; margin-left: 5px; flex-shrink: 0; color: var(--mcolor);}@media (max-width: 992px) { .this-type-location { padding-top: 0.3rem; padding-bottom: 0.3rem; } .this-type-location .exit-a { margin-top: 0.15rem; margin-right: 0.15rem; color: var(--c); } .this-type-location .exit-a .exit-word { margin-right: 0.05rem; } .this-type-location .clear-all { margin-top: 0.1rem; margin-left: 0.1rem; }}.case-list-block { padding-top: 24px;}@media (max-width: 992px) { .case-list-block { padding-top: 0.35rem; }}.screening-info { --lfw: 340px; --rmenuw: 150px;}.screening-info .info-block { padding-top: 3.47%; padding-bottom: 3.47%;}.screening-info .info-block .left-cont { width: var(--lfw);}.screening-info .info-block .left-cont .logo { object-fit: contain; height: 70px;}.screening-info .info-block .left-cont .h2 { margin-top: 20px; font-size: var(--fs22); line-height: 1.36em; font-weight: 600; color: #181818;}.screening-info .info-block .left-cont .attr-list { padding-top: 4px; padding-bottom: 12px; font-size: var(--fs14); line-height: 1.57em; color: #666666;}.screening-info .info-block .left-cont .attr-list .attr-li { padding: 4px 0;}.screening-info .info-block .left-cont .attr-list .attr-tit { flex-shrink: 0;}.screening-info .info-block .left-cont .attr-list .attr-cont { color: #181818;}.screening-info .info-block .left-cont .attr-list a { color: var(--mcolor);}.screening-info .info-block .left-cont .tags-block { --h: 32px; --lh: calc(var(--h) - 2px); --gap: 12px; border-top: 1px solid #E8E8E8; padding-top: var(--gap);}.screening-info .info-block .left-cont .tags-block .tags-title { font-size: var(--fs14); font-weight: 600; line-height: 1.57em; color: #181818;}.screening-info .info-block .left-cont .tags-block .a-block { padding-top: var(--gap); gap: var(--gap); font-size: var(--fs14); line-height: var(--lh); color: #666666;}.screening-info .info-block .left-cont .tags-block .a-block a { border: 1px solid #E8E8E8; padding: 0 var(--gap); background-color: transparent; transition: all 0.3s;}.screening-info .info-block .left-cont .tags-block .a-block a:hover { border-color: var(--mcolor); background-color: #F3F3FA; color: var(--mcolor);}.screening-info .info-block .right-cont { width: calc(100% - var(--lfw));}.screening-info .info-block .right-cont .info-menu-block { order: 2; width: var(--rmenuw); font-size: var(--fs14); line-height: 1.57em; color: #999999;}.screening-info .info-block .right-cont .info-menu-block .info-menu-list { position: sticky; top: var(--header-d-h); border-left: 1px solid #e8e8e8;}.screening-info .info-block .right-cont .info-menu-block .info-menu-li { position: relative; padding-left: 15px; cursor: pointer;}.screening-info .info-block .right-cont .info-menu-block .info-menu-li+.info-menu-li { margin-top: 6px;}.screening-info .info-block .right-cont .info-menu-block .info-menu-li::after { content: ''; position: absolute; left: -1px; top: 50%; width: 1px; height: 0; background-color: var(--mcolor); transition: all 0.3s;}.screening-info .info-block .right-cont .info-menu-block .info-menu-li:hover, .screening-info .info-block .right-cont .info-menu-block .info-menu-li.on { color: var(--mcolor);}.screening-info .info-block .right-cont .info-menu-block .info-menu-li.on::after { top: 0; height: 100%;}.screening-info .info-block .right-cont .info-cont { width: calc(100% - var(--rmenuw)); padding: 0 calc(var(--wrap-1440-width)*0.0208);}.screening-info .info-block .right-cont .info-cont .block-li+.block-li { margin-top: 33px;}.screening-info .info-block .right-cont .info-cont .block-li .block-title { font-size: var(--fs22); font-weight: 600; line-height: 1.36em; color: #181818;}.screening-info .info-block .right-cont .info-cont .block-li .block-cont { margin-top: 1em; font-size: var(--fs16); line-height: 1.75em; color: #181818;}.screening-info .info-block .right-cont .info-cont .block-li .block-cont p { margin-top: 1.45em;}.screening-info .info-block .right-cont .info-cont .block-li .block-cont p:nth-child(1) { margin: 0;}@media (max-width: 1200px) { .screening-info { --lfw: 280px; --rmenuw: 140px; } .screening-info .info-block .left-cont .tags-block { --gap: 8px; } .screening-info .info-block .right-cont .info-menu-block .info-menu-li { padding-left: 10px; } .screening-info .info-block .right-cont .info-cont .block-li+.block-li { margin-top: 28px; } .screening-info .info-block .right-cont .info-cont .block-li .block-cont { margin-top: 0.8em; } .screening-info .info-block .right-cont .info-cont .block-li .block-cont p { margin-top: 0.8em; }}@media (max-width: 992px) { .screening-info { --lfw: 100%; --rmenuw: 2rem; } .screening-info .info-block { padding-top: 0.45rem; padding-bottom: 0.45rem; } .screening-info .info-block .left-cont .logo { height: 0.9rem; } .screening-info .info-block .left-cont .h2 { margin-top: 0.2rem; } .screening-info .info-block .left-cont .attr-list { padding-top: 0.1rem; padding-bottom: 0.15rem; } .screening-info .info-block .left-cont .attr-list .attr-li { padding: 0.08rem 0; } .screening-info .info-block .left-cont .tags-block { --h: 0.5rem; --gap: 0.15rem; } .screening-info .info-block .right-cont { margin-top: 0.5rem; /* margin-right: -0.15rem; width: calc(100% + 0.15rem); */ margin-right: 0; width: calc(100% + 0px); } .screening-info .info-block .right-cont .info-menu-block { display: none; } .screening-info .info-block .right-cont .info-menu-block .info-menu-li { padding-left: 0.1rem; } .screening-info .info-block .right-cont .info-menu-block .info-menu-li+.info-menu-li { margin-top: 0.05rem; } .screening-info .info-block .right-cont .info-cont { /* padding: 0 0.1rem 0 0; */ padding: 0; width: calc(100% - 0px); } .screening-info .info-block .right-cont .info-cont .block-li+.block-li { margin-top: 0.35rem; } .screening-info .info-block .right-cont .info-cont .block-li .block-cont { margin-top: 0.8em; } .screening-info .info-block .right-cont .info-cont .block-li .block-cont p { margin-top: 0.8em; }}.put-case-list .auto-title-block { padding-bottom: 20px;}.put-case-list .swiper-box { overflow: hidden; margin-bottom: -15px;}.put-case-list .swiper-box .swiper { width: 100%;}.put-case-list .swiper-box .swiper-wrapper { transition-timing-function: linear;}.put-case-list .list3 { padding-bottom: 4.17%;}.put-case-list .list3.p-b-0 { padding-bottom: 0;}.put-case-list .list3.p-b-0 .swiper { padding-bottom: 15px;}.put-case-list .list3 .cont .title { font-weight: normal;}@media (max-width: 992px) { .put-case-list .auto-title-block { padding-bottom: 0.3rem; } .put-case-list .list3 { padding-bottom: 0.65rem; }}.put-algorithm-list .auto-title-block { padding-bottom: 20px;}.put-algorithm-list .swiper-box { overflow: hidden; margin-bottom: -15px;}.put-algorithm-list .swiper-box .swiper { width: 100%;}.put-algorithm-list .swiper-box .swiper-wrapper { transition-timing-function: linear;}.put-algorithm-list .list5 { padding-bottom: 4.17%;}.put-algorithm-list .list5.p-b-0 { padding-bottom: 0;}.put-algorithm-list .list5.p-b-0 .swiper { padding-bottom: 15px;}.put-algorithm-list .list5 .list5-cont .list5-title { font-weight: normal;}@media (max-width: 992px) { .put-algorithm-list .auto-title-block { padding-bottom: 0.3rem; } .put-algorithm-list .list5 { padding-bottom: 0.65rem; }}.contact-block-message { background: url(../images/contact/list-bg-1.png) no-repeat center / cover;}.contact-block-message .flex-box { padding: 4.167% 0;}.contact-block-message .flex-box .ul { --iconw: 56px; width: 47%; gap: 40px 0;}.contact-block-message .flex-box .ul li { width: 50%; padding-right: 15px; font-size: var(--fs14); line-height: 1.57em;}.contact-block-message .flex-box .ul .box:hover .more-box .jt .icon { transform: translate(20%, 0);}.contact-block-message .flex-box .ul .icon-box img { display: block; width: var(--iconw); height: var(--iconw);}.contact-block-message .flex-box .ul .icon-cont { width: calc(100% - var(--iconw)); padding-left: 12px; color: #181818;}.contact-block-message .flex-box .ul .icon-cont .h6 { font-size: var(--fs18); font-weight: 500; line-height: 1.44em;}.contact-block-message .flex-box .ul .icon-cont .word { margin-top: 4px; font-weight: 500;}.contact-block-message .flex-box .ul .icon-cont .more-box { margin-top: 4px;}.contact-block-message .flex-box .ul .more-box-b { --lh: calc(var(--fs14)*1.57);}.contact-block-message .flex-box .ul .more-box-b .jt { --size: 2.14em; transform: translate(0, 0); height: var(--lh); width: var(--size); opacity: 1;}.contact-block-message .flex-box .ul .more-box-b .jt .icon { transform: translate(0, 0); margin-top: calc((var(--size))*-0.5); position: absolute; left: 0; top: 50%; transition: all 0.3s;}.contact-block-message .flex-box .code-block { max-width: 48%; gap: 0 calc(var(--wrap-1440-width)*0.04167);}.contact-block-message .flex-box .code-block .code-li { width: 130px; text-align: center; font-size: var(--fs16); line-height: 1.5em;}.contact-block-message .flex-box .code-block .code-li .txt { margin-top: 1em;}@media (max-width: 992px) { .contact-block-message .flex-box { padding: 0.55rem 0 0.45rem; } .contact-block-message .flex-box .ul { --iconw: 0.9rem; width: 100%; gap: 0.3rem 0; } .contact-block-message .flex-box .ul li { width: 100%; padding-right: 0; font-size: var(--fs14); line-height: 1.57em; } .contact-block-message .flex-box .ul .icon-cont { padding-left: 0.2rem; } .contact-block-message .flex-box .ul .icon-cont .word { margin-top: 0.08rem; } .contact-block-message .flex-box .ul .icon-cont .more-box { margin-top: 0.08rem; } .contact-block-message .flex-box .code-block { margin-top: 0.4rem; width: 100%; max-width: 100%; gap: 0 0.5rem; } .contact-block-message .flex-box .code-block .code-li { width: 2rem; }}.contact-address-list { position: relative; padding-top: calc(var(--wrap-1440-width)*0.04167); padding-bottom: calc(var(--wrap-1440-width)*0.1319); overflow: hidden;}.contact-address-list .canvas-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;}.contact-address-list .canvas-box canvas { display: block; position: absolute; left: 0; top: 0; width: 100%;}.contact-address-list .ul { --gap: 12px; margin: calc(var(--gap)*-1); position: relative; z-index: 2;}.contact-address-list .ul .li { padding: var(--gap);}.contact-address-list .ul .li-pad { box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1); background: #ffffff url(../images/contact/list-bg-2.png) no-repeat center / cover; height: 100%; padding: calc(var(--gap)*2); transition: all 0.3s;}.contact-address-list .ul .li-pad:hover { box-shadow: 0px 0px 15px 0px rgba(24, 24, 24, 0.2);}.contact-address-list .ul .li-pad .h6 { font-weight: 600; font-size: var(--fs22); line-height: 1.36em; color: #181818;}.contact-address-list .ul .li-pad .des { margin-top: 1em; font-size: var(--fs14); line-height: 1.57em; color: #666666;}@media (max-width: 992px) { .contact-address-list { padding-top: 0.55rem; padding-bottom: 0.8rem; } .contact-address-list .ul { --gap: 0.15rem; } .contact-address-list .ul .li-pad .des { margin-top: 0.8em; }}.news-top-banner { --gap: 24px; margin-top: 1.3889%; margin-bottom: 2.08%;}.news-top-banner .box { display: block; position: relative; color: #FFFFFF;}.news-top-banner .box .mark { display: flex; align-items: flex-end; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding-left: var(--gap); padding-right: var(--gap);}.news-top-banner .box .mark-cont { position: relative;}.news-top-banner .box .ico-span { display: inline-block; vertical-align: top; padding: 0 0.5em; font-size: var(--fs12); font-weight: 600; line-height: 22px;}.news-top-banner .box .hot { background-color: #D80000;}.news-top-banner .box .new { background-color: var(--mcolor2);}.news-top-banner .box .title { margin-top: 7px; margin-bottom: 18px; font-weight: 600;}.news-top-banner .swiper-box { --pointw: 150px; width: calc((100% - var(--gap))*0.67796); width: 66.667%;}.news-top-banner .swiper-box .img-box { --imgpt: 42.5%;}.news-top-banner .swiper-box .mark::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; max-height: 100%; background: linear-gradient(180deg, rgba(43, 51, 168, 0) 0%, rgba(43, 51, 168, 0.88) 100%);}.news-top-banner .swiper-box .mark-cont { width: calc(100% - var(--pointw));}.news-top-banner .swiper-box .title { --lh: 1.54em; font-size: var(--fs22); line-height: var(--lh);}.news-top-banner .swiper-box .swiper-points { position: absolute; z-index: 2; left: auto; right: var(--gap); bottom: 25px;}.news-top-banner .swiper-box .swiper-points span { margin: 0; border-radius: 0; width: 30px; height: 4px; background-color: #ffffff; opacity: 0.2; cursor: pointer;}.news-top-banner .swiper-box .swiper-points span+span { margin-left: calc(var(--gap)*0.5);}.news-top-banner .swiper-box .swiper-points .swiper-pagination-bullet-active { opacity: 1;}.news-top-banner .ul { width: calc((100% - var(--gap))*0.322); width: 31.667%; flex-direction: column;}.news-top-banner .ul li { width: 100%;}.news-top-banner .ul .img-box { --imgpt: 42.5%;}.news-top-banner .ul .mark { background: linear-gradient(180deg, rgba(43, 51, 168, 0.4) 0%, #2b33a8 100%);}.news-top-banner .ul .title { --lh: 1.66em; font-size: var(--fs18); line-height: var(--lh);}.news-block { padding-top: calc(var(--wrap-1440-width)*0.038194); padding-bottom: 24px;}.news-block .left-cont { width: 73.612%;}.news-block .left-cont .switch-tit-box { --gap: 20px; margin-top: -8px; font-size: var(--fs14); line-height: 1.57em; color: #666666;}.news-block .left-cont .switch-tit-box a { position: relative; padding: 8px 0;}.news-block .left-cont .switch-tit-box a::after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 0%; height: 2px; background-color: var(--mcolor); transition: all 0.3s;}.news-block .left-cont .switch-tit-box a+a { margin-left: var(--gap);}.news-block .left-cont .switch-tit-box a:hover { color: var(--mcolor);}.news-block .left-cont .switch-tit-box .on { color: var(--mcolor);}.news-block .left-cont .switch-tit-box .on::after { left: 0%; width: 100%;}.news-block .left-cont .tag-title { font-size: var(--fs18); line-height: 1.44em; color: #181818;}.news-block .left-cont .list2 { --gap: 24px; margin-top: var(--gap);}.news-block .right-cont { width: 23.75%; margin-top: -7px;}.news-block .right-cont .item-li+.item-li { margin-top: calc(var(--wrap-1440-width)*0.022917);}@media (min-width: 992px) { .news-block .page-btn-box { padding-bottom: 0; }}@media (max-width: 1400px) { .news-top-banner { --gap: 20px; } .news-top-banner .box .title { margin-bottom: 14px; }}@media (max-width: 1200px) { .news-top-banner { --gap: 16px; } .news-top-banner .box .title { margin-bottom: 10px; }}@media (max-width: 992px) { .news-top-banner { --gap: 0.3rem; margin-top: 0.2rem; } .news-top-banner .box .title { margin-bottom: 0.15rem; } .news-top-banner .swiper-box { --pointw: 1.6rem; width: 100%; } .news-top-banner .swiper-box .swiper-points span { width: 0.3rem; height: 0.04rem; } .news-top-banner .swiper-box .swiper-points span+span { margin-left: 0.1rem; } .news-top-banner .ul { width: 100%; } .news-top-banner .ul li { margin-top: 2%; } .news-block { padding-top: 0.45rem; padding-bottom: 0.45rem; } .news-block .left-cont { width: 100%; } .news-block .left-cont .switch-tit-box { --gap: 0.2rem; margin-top: -0.1rem; } .news-block .left-cont .switch-tit-box a { padding: 0.1rem 0; } .news-block .left-cont .list2 { margin-top: 0.24rem; } .news-block .right-cont { width: 100%; margin-top: -0.1rem; } .news-block .right-cont .item-li+.item-li { margin-top: 0.35rem; }}.related-products .swiper-box { margin-top: 16px; position: relative;}.related-products .swiper-points { position: absolute; z-index: 2; left: 0; bottom: 12px; width: 100%;}.related-products .swiper-points span { margin: 0 6px; width: 30px; height: 4px; background: rgba(255, 255, 255, 0.2);}.related-products .swiper-points .swiper-pagination-bullet-active { background: #ffffff;}.hot-news .list4 { margin-top: var(--gap);}.hot-tags { --gap: 12px; --h: 32px; --lh: calc(var(--h) - 2px); line-height: var(--lh);}.hot-tags .tags-list { margin-top: 16px; gap: var(--gap);}.hot-tags .tags-list .tags-li a { display: block; border: 1px solid #E8E8E8; padding: 0 calc(var(--gap) - 2px); background: transparent; font-size: var(--fs14); color: #666666;}.hot-tags .tags-list .tags-li a:hover { border-color: var(--mcolor); background: #F3F3FA; color: var(--mcolor);}@media (max-width: 1200px) { .hot-tags { --gap: 10px; --h: 30px; } .hot-tags .tags-list { margin-top: 14px; }}@media (max-width: 992px) { .related-products .swiper-box { margin-top: 0.25rem; } .related-products .swiper-points { bottom: 0.2rem; } .related-products .swiper-points span { margin: 0 0.15rem; width: 0.5rem; height: 0.06rem; } .hot-tags { --gap: 0.14rem; --h: 0.5rem; } .hot-tags .tags-list { margin-top: 0.2rem; }}.auto-banner .info-top-banner .info-title { width: 100%; font-size: var(--fs36); font-weight: 500; line-height: 1.33em; color: #181818;}.auto-banner .info-top-banner .info-title .ico-span { margin-top: calc((var(--fs36)*1.33 - var(--fs16)*1.875)*0.5); margin-right: 8px; flex-shrink: 0; padding: 0 0.6em; font-size: var(--fs16); line-height: 1.875em; color: #FFFFFF;}.auto-banner .info-top-banner .info-title .hot { background-color: #D80000;}.auto-banner .info-top-banner .info-title .new { background-color: var(--mcolor2);}.auto-banner .info-top-banner .info-other { margin-top: 17px; gap: 0 calc(var(--wrap-1440-width)*0.0208); font-size: var(--fs14); line-height: 1.57em; color: #999999;}.auto-banner .info-top-banner .info-other .other-li img { margin-right: 5px;}.auto-banner .info-top-banner .info-other .time img { margin-top: -1px;}.auto-banner .info-top-banner .info-other .source img { margin-top: -1px;}.auto-banner .info-top-banner .info-other .tag img { margin-top: -1px;}.auto-banner .info-top-banner .info-other .tag .line { margin: 0 0.4em; width: 1px; height: 0.9em; background-color: #999999; opacity: 0.2;}.auto-banner .info-top-banner .info-other .tag a:hover { color: var(--mcolor);}.news-block.news-info { padding-top: calc(var(--wrap-1440-width)*0.028194);}.news-block .info-block { padding-bottom: calc(var(--wrap-1440-width)*0.025);}.news-block .info-block .cont { font-size: var(--fs16); line-height: 1.75em; color: #181818;}.news-block .info-block .cont .h6 { margin-top: calc(var(--fs16)*3.125); margin-bottom: var(--fs16);}.news-block .info-block .end-block { padding: calc(var(--wrap-1440-width)*0.03472) 0; font-size: var(--fs16); line-height: 1.75em;}@media (max-width: 992px) { .auto-banner .info-top-banner .info-title { font-size: 0.4rem; } .auto-banner .info-top-banner .info-title .ico-span { margin-top: calc((0.4rem*1.33 - var(--fs16)*1.875)*0.7); } .auto-banner .info-top-banner .info-other { margin-top: 0.15rem; gap: 0 0.2rem; } .auto-banner .info-top-banner .info-other .other-li img { margin-right: 0.08rem; } .news-block .info-block { padding-bottom: 0.5rem; } .news-block .info-block .end-block { padding: 0.3rem 0; }}.auto-banner .search-block { --pad: 12px; margin-top: calc(var(--wrap-1440-width)*0.025); width: 420px; max-width: 100%; font-size: var(--fs14);}.auto-banner .search-block .form-box { --lh: 42px; line-height: var(--lh); background-color: #ffffff;}.auto-banner .search-block .form-box .form { padding: 0;}.auto-banner .search-block .form-box .form .submit-btn { height: var(--lh); padding: 0 6px 0 var(--pad); cursor: pointer;}.auto-banner .search-block .form-box .form .submit-btn .self-svg { --size: 1.1em; --fill: var(--mcolor);}.auto-banner .search-block .form-box .form .input { width: 100%; padding: 0 var(--pad) 0 0; color: #333333;}.auto-banner .search-block .form-box .form .input::placeholder { color: #999999;}.search-form-result { --pad: 12px;}.search-form-result .result-box { margin-top: 6px;}.search-form-result .result-box.type-a { position: absolute; left: 0; top: 100%; width: 420px;}.search-form-result .result-box.type-a::before { content: ''; display: block; position: absolute; left: 0; bottom: 100%; width: 100%; height: 6px;}.search-form-result .result-box .hot-box { --lh: 1.57em; margin-top: 0; background: #F8F9FC; padding: 8px var(--pad); line-height: var(--lh); color: #666666;}.search-form-result .result-box .hot-box .a-list { margin-top: 4px; max-height: calc(var(--lh)*3 + 8px); overflow: hidden; gap: 4px 12px;}.search-form-result .result-box .hot-box .a-list a:hover { color: var(--mcolor);}.search-form-result .result-box .other-box { --lh: 50px; background-color: #ffffff; padding: 0 var(--pad); line-height: var(--lh); color: #181818;}.algorithm-list .list5 { padding-top: var(--gap);}@media (max-width: 992px) { .auto-banner .search-block { --pad: 0.25rem; width: 100%; } .auto-banner .search-block .form-box { --lh: 0.66rem; } .auto-banner .search-block .form-box .form .submit-btn { padding-right: 0.15rem; } .search-form-result { --pad: 0.25rem; } .search-form-result .result-box { margin-top: 0.15rem; width: 100%; } .search-form-result .result-box.type-a { width: 100%; } .search-form-result .result-box.type-a::before { height: 0.15rem; } .search-form-result .result-box .hot-box { padding: 0.14rem var(--pad); } .search-form-result .result-box .hot-box .a-list { margin-top: 0.1rem; max-height: calc(var(--lh)*3 + 0.1rem); gap: 0.05rem 0.2rem; } .search-form-result .result-box .other-box { --lh: 0.66rem; } .search-form-result .result-box .other-box .more-box { padding: 0; }}.algorithm-form-block { --pad: 20px; --gap: 12px; --ih: 32px; --lh: calc(var(--ih) - 2px); --inputpd: 5px; padding: 12px var(--pad) var(--pad);}.algorithm-form-block .h1 { margin-bottom: 10px; font-size: var(--fs22); font-weight: 400; line-height: 1.36em; color: #181818;}.algorithm-form-block .form-box { font-size: var(--fs14);}.algorithm-form-block .form { margin: calc(var(--gap)*-0.5) calc(var(--gap)*-0.5);}.algorithm-form-block .form .title-box { margin-bottom: 8px;}.algorithm-form-block .form .title-box .title-word { color: #666666;}.algorithm-form-block .form .tip { color: #db0000;}.algorithm-form-block .form .has-error .error-tips { display: block;}.algorithm-form-block .form .has-error .input { border-color: #D80000;}.algorithm-form-block .form .error-tips { display: none; position: absolute; left: 0; top: 100%; font-size: 0.85em; line-height: 1.681em; color: #db0000;}.algorithm-form-block .form .cont-box { position: relative;}.algorithm-form-block .form .input { display: block; border-radius: 0; border: 1px solid #E8E8E8; width: 100%; padding: var(--inputpd) var(--gap); height: var(--ih); line-height: calc(var(--ih) - var(--inputpd)*2); color: #181818;}.algorithm-form-block .form .input::placeholder { color: #C0C0C0;}.algorithm-form-block .form .input:focus { border-color: var(--mcolor);}.algorithm-form-block .form select.input { -webkit-appearance: auto;}.algorithm-form-block .form .city-input { cursor: pointer;}.algorithm-form-block .form textarea.input { height: 114px;}.algorithm-form-block .form .form-li { padding: calc(var(--gap)*0.83) calc(var(--gap)*0.5);}.algorithm-form-block .form .num-total-box { position: absolute; right: 0; bottom: 0; padding: var(--inputpd) var(--gap); font-size: var(--fs12); line-height: 1.416667em; color: #C0C0C0;}.algorithm-form-block .form .text-box .checkbox-box { margin-right: 10px;}.algorithm-form-block .form .text-box a { color: var(--mcolor);}@media (max-width: 992px) { .algorithm-form-block { --pad: 0.2rem; --gap: 0.18rem; --ih: 0.66rem; --inputpd: 0.1rem; padding-top: 0.15rem; } .algorithm-form-block .h1 { margin-bottom: 0.1rem; font-size: var(--fs28); font-weight: bold; } .algorithm-form-block .form-box { font-size: var(--fs18); } .algorithm-form-block .form .title-box { margin-top: 0.05rem; margin-bottom: 0.1rem; } .algorithm-form-block .form textarea.input { height: 1.9rem; } .algorithm-form-block .form .text-box { margin-top: 0; margin-bottom: 0; } .algorithm-form-block .input { font-size: var(--fs18); } .algorithm-form-block form .more-box-a { --lh: .6rem; --fz: var(--fs18); } .algorithm-form-block .select-self .select-list li { font-size: var(--fs18); } .algorithm-form-block .form .text-box .checkbox-box { margin-right: 0.15rem; }}.Algorithm-body .auto-banner .cont-img { align-items: self-start;}.Algorithm-body .auto-banner .cont-img .cont-box { padding-top: calc(var(--wrap-1440-width)*0.029166);}.algorithm-info-top { background: url(../images/algorithm/bg-1.jpg) no-repeat center / cover;}.algorithm-info-top .img-text:last-child .ul { padding-bottom: 5.416667%;}.algorithm-info-top .auto-title-block { padding-bottom: calc(var(--bpad)*0.5714);}.algorithm-info-top .ul { --liw: 29.87%; --gap: calc((100% - var(--liw)*3)*0.5); gap: calc(var(--wrap-1440-width)*0.03) var(--gap);}.algorithm-info-top .ul .li { width: var(--liw);}.algorithm-info-top .ul .h5 { --size: var(--fs20); --fill: var(--mcolor); font-size: var(--fs22); font-weight: 600; line-height: 1.36em; color: #181818;}.algorithm-info-top .ul .h5 .self-svg { display: inline-flex; vertical-align: middle; margin-right: 6px; height: 1.36em;}.algorithm-info-top .ul .li-word { margin-top: 8px; font-size: var(--fs14); line-height: 1.85714em; color: #666666;}@media (max-width: 1400px) { .algorithm-info-top { background: url(../images/algorithm/bg-1.jpg) no-repeat center / cover; } .algorithm-info-top .img-text:last-child .ul { padding-bottom: 4%; } .algorithm-info-top .ul { --liw: 31%; }}@media (max-width: 992px) { .Algorithm-body .auto-banner .cont-img { align-items: self-start; } .Algorithm-body .auto-banner .cont-img .cont-box { padding-top: 0; } .algorithm-info-top .img-text:last-child .ul { padding-bottom: 0.55rem; } .algorithm-info-top .auto-title-block { padding-bottom: calc(var(--bpad)*0.7); } .algorithm-info-top .ul { --liw: 100%; margin-top: -0.05rem; gap: 0.3rem 0; justify-content: space-between; } .algorithm-info-top .ul .h5 .self-svg { margin-right: 0.5em; } .algorithm-info-top .ul .li-word { margin-top: 0.1rem; line-height: 1.4em; }}.banner-search { --rbtnw: 148px; --boxh: 42px; --lh: calc(var(--boxh) - 2px); background-color: var(--mcolor); font-size: var(--fs14); color: #ffffff;}.banner-search .form-block { margin: 0 auto; width: 950px; max-width: 100%; padding-top: 24px; padding-bottom: 20px;}.banner-search .form-block .form { --size: 1.3em; --fill: #ffffff; position: relative; z-index: 2; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 4px 0px rgba(43, 51, 168, 0.2); width: calc(100% - var(--rbtnw)); line-height: var(--boxh);}.banner-search .form-block .form .icon-btn { flex-shrink: 0; margin-right: 5px; height: var(--boxh); padding-left: 12px;}.banner-search .form-block .form .input { width: 100%; padding: 0 1em 0 5px;}.banner-search .form-block .form .input::placeholder { color: #ffffff;}.banner-search .form-block .form .more-box-a { flex-shrink: 0; position: relative; width: 4em; text-align: center; color: #ffffff; cursor: pointer;}.banner-search .form-block .form .more-box-a .more-box { padding: 0 0.5em; min-width: 0;}.banner-search .form-block .form .more-box-a .more-box::before { border-color: transparent; background: transparent;}.banner-search .form-block .form .more-box-a .submit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}.banner-search .form-block .more-box-a { --lh: var(--boxh); width: var(--rbtnw); padding-left: 12px;}.banner-search .form-block .more-box-a .more-box { min-width: 0; justify-content: center;}.banner-search .top-block { width: 100%;}.banner-search .hot-box { margin-top: 16px; width: 100%; color: #ffffff;}.banner-search .hot-box .hot-t { flex-shrink: 0;}.banner-search .hot-box a { margin-left: 10px;}.banner-search .hot-box a:first-child { margin-left: 5px;}.banner-search .hot-box a:hover { opacity: 0.8;}@media (max-width: 992px) { .banner-search { --rbtnw: 100%; --boxh: 0.6rem; } .banner-search .form-block { width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; } .banner-search .form-block .form { width: 100%; } .banner-search .form-block .form .icon-btn { padding-left: 0.2rem; } .banner-search .form-block .form .input { padding: 0 1em 0 0.1rem; } .banner-search .form-block .form .more-box-a { margin-top: 0; width: 4em; } .banner-search .form-block .more-box-a { margin-top: 0.3rem; padding-left: 0; } .banner-search .hot-box { margin-top: 0.2rem; } .banner-search .hot-box a { margin-left: 0.8em; } .banner-search .hot-box a:first-child { margin-left: 0.4em; }}.form-block-section { background: url(../images/form/bg.jpg) no-repeat center / cover;}.form-block-section .form-flex-box { padding: 108px 0 186px;}.form-block-section .form-flex-box .left-cont { width: 590px; max-width: 48%;}.form-block-section .form-flex-box .left-cont .auto-title-block { --bpad: 32px;}.form-block-section .form-flex-box .left-cont .icons-img-box img { display: block; transform: translate(0, -10%); margin-left: -3%; width: 105.425%; max-width: 999%;}.form-block-section .form-flex-box .left-cont .ul { --gap: 20px; --icow: 42px; background-color: #eef1fa; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.15); padding: var(--gap); font-size: var(--fs16);}.form-block-section .form-flex-box .left-cont .ul .li { width: 33.33%; border-top: 1px solid #dbdbdb; padding: 13px 10px 10px 10px;}.form-block-section .form-flex-box .left-cont .ul .li:nth-child(3n+2) { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}.form-block-section .form-flex-box .left-cont .ul .li:nth-child(3n+3) { padding-right: 0;}.form-block-section .form-flex-box .left-cont .ul .li:nth-child(1), .form-block-section .form-flex-box .left-cont .ul .li:nth-child(2), .form-block-section .form-flex-box .left-cont .ul .li:nth-child(3) { border-top: 0;}.form-block-section .form-flex-box .left-cont .ul .ico-box { height: var(--icow); width: var(--icow);}.form-block-section .form-flex-box .left-cont .ul .ico-box img { max-height: 100%;}.form-block-section .form-flex-box .left-cont .ul .cont { width: calc(100% - var(--iconw));}.form-block-section .form-flex-box .left-cont .ul .cont .num-block { font-size: var(--fs32); line-height: 0.8em; font-weight: 600; color: var(--mcolor);}.form-block-section .form-flex-box .left-cont .ul .cont .num-block .ico { line-height: 0.7em;}.form-block-section .form-flex-box .left-cont .ul .cont .des { margin-top: 5px; color: #666666;}.form-block-section .form-flex-box .h5 { margin-top: calc(var(--wrap-1440-width)*0.04166); margin-bottom: 19px; font-size: var(--fs24); font-weight: 400; line-height: 1.667em; color: var(--mcolor); color: #071D3C;}.form-block-section .form-flex-box .h5 strong { font-weight: 400;}.form-block-section .form-flex-box .h5 .color-main { font-size: var(--fs28);}.form-block-section .right-cont { width: 565px; max-width: 48%;}.form-block-section .tank-block-a { position: static; background: transparent;}.form-block-section .tank-block-a .exit { display: none;}.form-block-section .tank-block-a .tank-main { position: static; z-index: 1; background: transparent; max-width: 100%;}.form-block-section .tank-block-a .tank-main.type-a { width: 100%; padding: 0;}.form-block-section .tank-block-a .tank-cont { max-height: 999vh; overflow-y: unset;}.form-block-section .algorithm-form-block { --btpad: 30px; --br: 4px; padding: 0;}.form-block-section .algorithm-form-block .h1 { margin-bottom: 0; border-radius: var(--br) var(--br) 0px 0px; background: #EEF1FA; padding: 1em var(--btpad); font-family: 'PingFangSC-Medium', 'PingFang SC'; font-size: var(--fs24); line-height: 1.4em; color: #071D3C;}.form-block-section .algorithm-form-block .form-box { border-radius: 0px 0px var(--br) var(--br); padding: 20px var(--btpad) 30px; background-color: #ffffff;}.form-block-section .algorithm-form-block .form .form-li { padding-top: calc(var(--gap)*0.9); padding-bottom: calc(var(--gap)*0.9);}@media (max-width: 1400px) { .form-block-section .form-flex-box { padding: 7% 0; }}@media (max-width: 992px) { .form-block-section { background: #ffffff; } .form-block-section .form-flex-box { padding: 0 0 0.56rem; } .form-block-section .form-flex-box .left-cont { display: none; width: 100%; max-width: 100%; } .form-block-section .form-flex-box .left-cont .auto-title-block { --bpad: 0.55rem; } .form-block-section .form-flex-box .left-cont .ul { --gap: 0.25rem; --icow: 0.6rem; } .form-block-section .form-flex-box .left-cont .ul .li { width: 33.33%; padding: 0.15rem 0 10px 10px; } .form-block-section .form-flex-box .left-cont .ul .li:nth-child(3n+2) { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .form-block-section .form-flex-box .left-cont .ul .li:nth-child(1), .form-block-section .form-flex-box .left-cont .ul .li:nth-child(2), .form-block-section .form-flex-box .left-cont .ul .li:nth-child(3) { border-top: 0; } .form-block-section .form-flex-box .left-cont .ul .cont .des { margin-top: 0.1rem; } .form-block-section .form-flex-box .h5 { margin-bottom: 0.25rem; } .form-block-section .right-cont { margin: 0 calc(var(--bettwen-1440-pad)*-1); width: calc(100% + var(--bettwen-1440-pad)*2); max-width: 200%; } .form-block-section .algorithm-form-block { --btpad: 0.3rem; --br: 0; --ih: 0.9rem; --inputpd: 0.25rem; } .form-block-section .algorithm-form-block .h1 { padding: 0.3rem var(--btpad) 0.18rem; background: url(../images/form/bg.jpg) no-repeat center / cover; text-align: left; font-size: 0.48rem; line-height: 1.375em; } .form-block-section .algorithm-form-block .form-box { font-size: 0.28rem; padding: 0.25rem var(--btpad) 0.3rem; } .form-block-section .algorithm-form-block .form-box .form-li { width: 100%; } .form-block-section .algorithm-form-block .form-box .input::placeholder { color: #B4BAC4; } .form-block-section .algorithm-form-block .form-box textarea.input { height: 2.7rem; } .form-block-section .algorithm-form-block .form-box .text-box { font-size: 0.26rem; } .form-block-section .algorithm-form-block .form-box .more-box-a { --lh: 0.9rem; font-size: 0.32rem; } .form-block-section .algorithm-form-block .form-box .checkbox-box { --sizew: 0.3rem; }}.about-block-a { padding: calc(var(--wrap-1440-width)*0.04167) 0;}.about-block-a .ul { --gap: 12px; margin: calc(var(--gap)*-1);}.about-block-a .ul li { padding: calc(var(--gap)*1);}.about-block-a .ul .li-box { transform: translate(0, 0); height: 100%; background: no-repeat center / cover; box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1); padding: calc(var(--gap)*2.667) calc(var(--gap)*2) calc(var(--gap)*1.75); flex-direction: column; transition: all 0.3s;}.about-block-a .ul .li-box:hover { transform: translate(0, -8px);}.about-block-a .ul .li-title { --lh: 1.36em; margin-bottom: 40px; font-size: var(--fs22); font-weight: 600; line-height: var(--lh); color: #181818;}.about-block-a .ul .tip { font-size: var(--fs14); line-height: 1.5714em; color: #181818;}.about-block-a .ul .tip .tip-span { display: inline-block; position: relative; vertical-align: top; padding-bottom: 5px;}.about-block-a .ul .tip .tip-span::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: var(--mcolor2);}@media (max-width: 1400px) { .about-block-a .ul .li-title { margin-bottom: 30px; }}@media (max-width: 1200px) { .about-block-a .ul .li-title { margin-bottom: 25px; }}@media (max-width: 992px) { .about-block-a { padding: 0.55rem 0; } .about-block-a .ul { --gap: 0.12rem; } .about-block-a .ul .li-box { transition: all 0.3s; } .about-block-a .ul .li-box:hover { transform: translate(0, -0.1rem); } .about-block-a .ul .li-title { margin-bottom: 0.2rem; } .about-block-a .ul .tip .tip-span { padding-bottom: 0.1rem; }}.about-block-b { background: url(../images/about/bg-1.jpg) no-repeat center / cover;}.about-block-b .swiper-overhide { --gap: 12.5px; --gap: 15px; overflow: hidden;}.about-block-b .swiper-overhide .swiper-box { margin: 0 calc(var(--gap)*-1);}.about-block-b .swiper-box .swiper-slide-active { margin-bottom: calc(var(--gap)*2*0);}.about-block-b .swiper-box .swiper-slide-active+.this-active { margin-bottom: calc(var(--gap)*2*1);}.about-block-b .swiper-box .swiper-slide-active+.this-active+.this-active { margin-bottom: calc(var(--gap)*2*2);}.about-block-b .swiper-box .swiper-slide-active+.this-active+.this-active+.this-active { margin-bottom: calc(var(--gap)*2*3);}.about-block-b .swiper-box .swiper-slide-active+.this-active+.this-active+.this-active+.this-active { margin-bottom: calc(var(--gap)*2*4);}.about-block-b .swiper-box .swiper-slide { display: flex; margin-bottom: 0; height: auto; padding: 0 calc(var(--gap)*1); align-items: flex-end; transition: margin 0.3s;}.about-block-b .swiper-box .swiper-slide.mb { margin-bottom: calc(var(--gap)*2*4);}.about-block-b .swiper-box .swiper-slide:hover .p::after { width: 100%;}.about-block-b .swiper-box .box { position: relative; width: 100%; padding-bottom: 11px;}.about-block-b .swiper-box .num { font-size: var(--fs30); font-weight: 600; line-height: 1.2667em; color: #181818;}.about-block-b .swiper-box .p { --jtw: 4px; --lh: 1.57145em; margin-top: 6px; font-size: var(--fs14); line-height: var(--lh); color: #181818;}.about-block-b .swiper-box .p p { display: flex; flex-wrap: wrap; align-items: flex-start;}.about-block-b .swiper-box .p p+p { margin-top: 6px;}.about-block-b .swiper-box .p p::before { content: ''; flex-shrink: 0; margin-right: 7px; margin-top: calc((var(--lh) - var(--jtw)*2) * 0.5); border-left: var(--jtw) solid var(--mcolor); border-top: var(--jtw) solid transparent; border-bottom: var(--jtw) solid transparent;}.about-block-b .swiper-box .p::before, .about-block-b .swiper-box .p::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 1px; transition: all 0.3s;}.about-block-b .swiper-box .p::before { background-color: var(--mcolor); width: 100%;}.about-block-b .swiper-box .p::after { background-color: var(--mcolor2); width: 0;}.about-block-b .swiper-btn-box { gap: 24px; padding: 3.125% 0 2.77%;}@media (max-width: 1280px) { .about-block-b .swiper-box .swiper-slide.mb { margin-bottom: calc(var(--gap)*2*3); }}@media (max-width: 1200px) { .about-block-b .swiper-overhide { --gap: 11px; } .about-block-b .swiper-box .box { padding-bottom: 8px; } .about-block-b .swiper-box .p p::before { margin-right: 5px; } .about-block-b .swiper-btn-box { gap: 20px; }}@media (max-width: 1024px) { .about-block-b .swiper-box .swiper-slide.mb { margin-bottom: calc(var(--gap)*2*2); }}@media (max-width: 992px) { .about-block-b .swiper-overhide { --gap: 0.18rem; } .about-block-b .swiper-box .swiper-slide.mb { margin-bottom: calc(var(--gap)*2*1); } .about-block-b .swiper-box .box { padding-bottom: 0.1rem; } .about-block-b .swiper-box .p { margin-top: 0.15rem; } .about-block-b .swiper-box .p p { margin-bottom: 0.1rem; } .about-block-b .swiper-box .p p+p { margin-top: 0; }}@media (max-width: 768px) { .about-block-b .swiper-box { text-align: center; } .about-block-b .swiper-box .swiper-slide.mb { margin-bottom: 0; } .about-block-b .swiper-box .p p { justify-content: center; }}.about-block-c .auto-title-block { padding-bottom: calc(var(--bpad)*0.92);}.honor-block { background: url(../images/about/bg-2.jpg) no-repeat center / cover;}.honor-block .ul { --gap: 8px; margin: calc(var(--gap)*-1); padding-bottom: 3.889%;}.honor-block .ul li { padding: calc(var(--gap)*1);}.honor-block .ul .box { display: block; transform: translate(0, 0); height: 100%; background: url(../images/about/list-3-1.png) no-repeat center / 100% 100%; padding: 32px 10px 26px; text-align: center; transition: all 0.3s;}.honor-block .ul .box:hover { transform: translate(0, -8px);}.honor-block .ul .logo { display: inline-block; position: relative; vertical-align: top;}.honor-block .ul .logo .num { margin-top: calc(var(--fs14)*-0.4285); position: absolute; left: 0; top: 0; width: 100%; font-size: var(--fs14); font-weight: 600; line-height: 1.57145em; color: var(--mcolor);}.honor-block .ul .logo img { display: block; width: 100px;}.honor-block .ul .h6 { margin-top: 10px; font-size: var(--fs18); font-weight: 600; line-height: 1.44em; color: #181818;}.honor-block .ul .des { font-size: var(--fs14); line-height: 1.57145em; color: #666666;}.certification-block { background: url(../images/about/bg-3.jpg) no-repeat center / cover;}.certification-block .ul { --gap: 12px; margin: calc(var(--gap)*-1); padding: calc(var(--wrap-1440-width)*0.03472) 0 calc(var(--wrap-1440-width)*0.03055); text-align: center;}.certification-block .ul li { padding: var(--gap);}.certification-block .ul .box { display: block; font-size: var(--fs18); line-height: 1.44em; font-weight: 600; color: #181818; transition: all 0.3s;}.certification-block .ul .box img { display: block; transform: translate(0, 0); margin: 0 auto 12px; height: 70px; transition: all 0.3s;}.certification-block .ul .box:hover { color: var(--mcolor);}.certification-block .ul .box:hover img { transform: translate(0, -10%);}@media (max-width: 1400px) { .honor-block .ul { --gap: 5px; } .honor-block .ul .box { padding: 28px 10px 22px; } .honor-block .ul .logo img { width: 90px; } .honor-block .ul .h6 { margin-top: 8px; } .certification-block .ul { --gap: 10px; } .certification-block .ul .box img { margin-bottom: 10px; height: 66px; }}@media (max-width: 992px) { .about-block-c .auto-title-block { padding-bottom: 0.4rem; } .honor-block .ul { --gap: 0.1rem; padding-bottom: 0.55rem; } .honor-block .ul .box { padding: 0.3rem 0.2rem 0.2rem; } .honor-block .ul .logo img { width: 1.6rem; } .honor-block .ul .h6 { margin-top: 0.1rem; } .certification-block .ul { --gap: 0.15rem; padding: 0.55rem 0; } .certification-block .ul .box img { margin-bottom: 0.16rem; height: 0.9rem; }}.about-block-d .auto-title-block { padding-bottom: 0;}.about-block-d .tab-li { display: none;}.about-block-d .tab-li.on { display: flex;}.about-block-d .tab-li .left-cont { padding-top: calc(var(--wrap-1440-width)*0.03611); width: 690px; max-width: 50%;}.about-block-d .tab-li .left-cont .name { font-size: var(--fs30); line-height: 1.2667em; font-weight: 600; color: #181818;}.about-block-d .tab-li .left-cont .job { margin-top: 16px; font-size: var(--fs18); line-height: 1.44em; color: #181818;}.about-block-d .tab-li .left-cont .job::after { content: ''; display: block; margin-top: 12px; height: 3px; width: 1.55em; background: #2FC8E1;}.about-block-d .tab-li .left-cont .des { margin-top: calc(var(--wrap-1440-width)*0.019444); font-size: var(--fs14); line-height: 1.857em; color: #666666;}.about-block-d .tab-li .right-cont { max-width: 40%;}.about-block-d .swiper-box { padding-top: 1.667%; padding-bottom: 4.1667%;}.about-block-d .swiper-box .swiper::before, .about-block-d .swiper-box .swiper::after { content: ''; display: block; position: absolute; top: 0; height: 100%; width: 1px; background-color: #ededed;}.about-block-d .swiper-box .swiper::before { left: 0;}.about-block-d .swiper-box .swiper::after { right: 0;}.about-block-d .swiper-box .swiper-slide { height: auto;}.about-block-d .swiper-box .swiper-slide .box { display: flex; border: 1px solid #ededed; border-left-color: transparent; border-right-color: transparent; height: 100%; padding: 9px; font-size: var(--fs18); line-height: 1.388em; color: #181818; transition: all 0.3s;}.about-block-d .swiper-box .swiper-slide .box:hover, .about-block-d .swiper-box .swiper-slide .box.on { border-color: var(--mcolor); color: var(--mcolor);}.about-block-d .swiper-box .swiper-slide .tit { margin-left: 10px;}@media (max-width: 992px) { .about-block-d .auto-title-block { padding-bottom: 0.35rem; } .about-block-d .tab-li { position: relative; } .about-block-d .tab-li .left-cont { position: relative; z-index: 1; width: 100%; max-width: 100%; padding-top: 0; } .about-block-d .tab-li .left-cont .job { margin-top: 0.2rem; } .about-block-d .tab-li .left-cont .job::after { margin-top: 0.15rem; } .about-block-d .tab-li .left-cont .des { margin-top: 0.25rem; line-height: 1.7em; } .about-block-d .tab-li .right-cont { position: absolute; right: 0; } .about-block-d .swiper-box { padding-top: 0.3rem; padding-bottom: 0.55rem; } .about-block-d .swiper-box .swiper-slide .box { padding: 0.2rem; } .about-block-d .swiper-box .swiper-slide .box img { width: 1.4rem; } .about-block-d .swiper-box .swiper-slide .box .tit { margin-left: 0.2rem; }}.error-page { display: flex; align-items: center; justify-content: center; text-align: center; background: url(../images/bg1.jpg) no-repeat center / cover;}.error-page .flex-box { min-height: calc(var(--wrap-1440-width)*0.4861); padding-bottom: 13%;}.error-page .flex-box .box { width: 100%;}.error-page .h1 { position: relative; font-size: clamp(0.8rem, calc(var(--wrap-1440-width)*0.055), 80px); font-weight: 600; line-height: 1em;}.error-page .h1::after { content: attr(data-h1); position: absolute; top: 0; left: 0; right: 0; color: transparent; background: -webkit-repeating-linear-gradient(-45deg, #2B33A8, #696EC1, #2FC8E1, #35E3FF, #2FC8E1, #696EC1, #2B33A8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.25); animation: animateTextBackground 10s ease-in-out infinite;}.error-page .des { margin-top: 1.875%; font-size: var(--fs30); font-weight: 600; line-height: 1.4em; color: #181818;}.error-page .txt { margin-top: 1.38%; font-size: var(--fs18); line-height: 1.44em; color: #666666;}.error-page .more-box-a { --lh: 36px; margin-top: 1.38%;}.error-page .more-box-a .i-h { margin-right: 0.5em; position: relative; z-index: 1;}.error-page .more-box-a:hover .i { opacity: 0;}.error-page .more-box-a:hover .h { opacity: 1;}#particles-js, #lizi1 { position: fixed; top: 0; right: 0; bottom: 0; left: 0;}@keyframes animateTextBackground { 0% { background-position: 0 0; } 25% { background-position: 100% 0; } 50% { background-position: 100% 100%; } 75% { background-position: 0 100%; } 100% { background-position: 0 0; }}@media (max-width: 992px) { .error-page .flex-box { min-height: 60vh; padding: 0.55rem 0; } .error-page .h1 { font-size: 0.9rem; } .error-page .des { margin-top: 0.3rem; } .error-page .txt { margin-top: 0.3rem; } .error-page .more-box-a { margin-top: 0.2rem; } .error-page .more-box-a img { width: 0.5rem; }}.tag-screening { min-height: 700px;}.tag-screening .letter-box { --len: 0px; --linew: 1.8em; position: relative; gap: 12px 24px; font-size: var(--fs14); line-height: 1.5715em; color: #666666;}.tag-screening .letter-box .line { display: block; position: absolute; left: var(--len); bottom: 0; height: 2px; width: var(--linew); background-color: var(--mcolor); transition: all 0.3s;}.tag-screening .letter-box a { display: block; position: relative; padding: 8px 0;}.tag-screening .letter-box a::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0%; background-color: var(--mcolor); opacity: 0; transition: all 0.3s;}.tag-screening .letter-box a:hover { color: var(--mcolor);}.tag-screening .letter-box a.on { color: var(--mcolor);}.tag-screening .letter-box a.on::after { width: 100%;}.tag-screening .list { --gap: 12px; --h: 36px; --lh: calc(var(--h) - 2px); margin: calc(var(--gap)*-1); padding: 2.638% 0; font-size: var(--fs14); line-height: 1.5em;}.tag-screening .list .span { min-width: 12.5%; padding: var(--gap);}.tag-screening .list .span a { display: block; box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1); background: #FFFFFF; border: 1px solid transparent; padding: 0.5em 1em; text-align: center; color: #181818; transition: all 0.3s;}.tag-screening .list .span a:hover { box-shadow: 10px 10px 20px 0px rgba(24, 24, 24, 0.06); border-color: var(--mcolor); color: var(--mcolor);}@media (max-width: 1400px) { .tag-screening .letter-box { gap: 10px 18px; } .tag-screening .letter-box a { padding: 6px 0; } .tag-screening .list { --gap: 10px; }}@media (max-width: 1200px) { .tag-screening .letter-box { gap: 10px 15px; } .tag-screening .letter-box a { padding: 5px 0; } .tag-screening .list { --gap: 8px; }}@media (max-width: 992px) { .tag-screening { margin-top: 0.3rem; min-height: 60vh; } .tag-screening .letter-box { gap: 0.15rem 0.25rem; } .tag-screening .letter-box a { padding: 0.1rem 0; } .tag-screening .list { --gap: 0.1rem; padding: 0.4rem 0; } .tag-screening .list .span { min-width: 8%; }}.tag-main .news-block { padding-top: 0.42%;}.tag-main .list2 { margin-top: calc(var(--wrap-1440-width)*0.025);}.info-page-block { padding: calc(var(--wrap-1440-width)*0.05) 0;}.info-page-block .info-page-cont { box-sizing: 0 0 10px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 0 2% 2%;}.info-page-block .info-page-word { font-size: var(--fs16); line-height: 1.6em; color: #666666;}@media (max-width: 992px) { .info-page-block { padding: 0.55rem 0; } .info-page-block .info-page-cont { padding: 0 0.3rem 0.3rem; }}.Phone-download-body .tank-block-a .tank-cont { overflow-y: visible;}.Phone-download-body .select-self .select-list { --ullh: 0.5rem; max-height: 200px;}.phone-download-block .h1 { font-size: 0.32rem; line-height: 1.4em; color: var(--mcolor);}.phone-download-block .des { margin: 0.2rem 0 0.25rem; font-size: 0.25rem; line-height: 1.6em; color: #333333;}.phone-download-block .down-list-box { display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}.phone-download-block .down-list-box .flex-box { height: 100%;}.phone-download-block .down-list-box .ul { background-color: #ffffff; width: 100%; padding: 0.6rem 0.3rem;}.phone-download-block .down-list-box .ul li { padding: 0.15rem 0;}.phone-download-block .down-list-box .ul li a { color: var(--mcolor);}.phone-download-block .down-list-box .ul a { border: 1px solid #ececec; padding: 1em 1.2em; font-size: var(--fs25);}.phone-download-block .down-list-box .ul .left { width: calc(100% - 2.5em);}.phone-download-block .down-list-box .ul img { width: 0.7rem;}.phone-download-block .down-list-box .ul .word { margin-left: 0.8em;}.phone-download-block .down-list-box .ul .down-icon { --size: 1.8em; --fill: var(--mcolor);}.phone-download-block .down-list-box .ul .more-box-a { margin-top: 0.15rem;}@media (max-width: 992px) { .Phone-download-body .select-self .select-list { max-height: 2.5rem; }}/*首页新闻*/.newsblock { overflow: hidden; padding-bottom: calc(var(--wrap-1440-width)*0.04166); background: url(../images/newblockbg.jpg) no-repeat center top; margin-top: var(--fs52)}.newsblock .ul {}.newsblock .ul ul { width: 100%; --gap: 12px;}.newsblock .ul ul li { width: 48%; overflow: hidden; background: url(../images/newbg.jpg) center bottom no-repeat #fff; box-sizing: border-box; margin: 0 auto; background-size: 100% auto; margin-bottom: var(--fs52);}.newsblock .ul ul li .boxs { background-size: 100% 100%; overflow: hidden; box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1); height: 100%;}.newsblock .ul ul li:hover .boxs { box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.2);}.newsblock .ul ul li:hover { background: url(../images/newbg_hover.jpg) no-repeat center bottom #e4d0ad; background-size: 100%}.newsblock .ul ul li .cons { width: 94%; margin: 0 auto; overflow: hidden; margin-top: 30px; margin-bottom: 17px;}.newsblock .ul ul li .cons a { display: inline-block; margin: var(--fs30) auto var(--fs30);}.newsblock .ul ul li .h3 { font-weight: bold; line-height: var(--fs52); height: var(--fs52); font-size: var(--fs30); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 17px; color: #3d5743}.newsblock .ul ul li .p { overflow: hidden; line-height: 22px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; background: url(../images/solution/solution_pic1.png) left top 8px no-repeat; background-size: 4px 8px; color: rgba(102, 102, 102, 1); font-size: 14px;}@media (max-width: 992px) { .f22 { font-size: 19px; } .f18 { font-size: 16px; } .Solution-body .auto-title-block { padding-bottom: 4%; } .newsblock .ul ul { --gap: 0; } .newsblock .ul ul li { width: 100%; margin-bottom: 2%; } .newsblock .ul ul li .cons { margin-top: 20px; max-width: 640px; } .newsblock .ul ul li .h3 { line-height: 26px; height: 26px; margin-bottom: 12px; } .newsblock .ul ul li .p { font-size: 12px; }}@media (max-width: 640px) { .newsblock { padding-bottom: 0.55rem; }}@media (max-width: 480px) { .newsblock .ul ul li .cons { margin-bottom: 10px; margin-top: 17px; } .newsblock .ul ul li .h3 { margin-bottom: 8px; line-height: 24px; height: 24px; font-size: var(--fs54) }}/*首页关于我们*/.aboutbox { display: block; overflow: hidden;}.aboutbox .l { float: left; width: 50%}.aboutbox .l video { width: 100%}.aboutbox .r { float: right; width: 47%; margin-left: 3%;}.aboutbox .r .r-box { width: 80%; font-size: var(--fs22); line-height: var(--fs32); height: 500px; display: flex; align-items: center;}@media (max-width:1600px) { .aboutbox .r .r-box { width: 80%; font-size: var(--fs16); line-height: var(--fs24); height:350px; }} @media (max-width:1200px) { .aboutbox .r .r-box { width: 80%; font-size: var(--fs14); line-height: var(--fs24); height:300px; }}@media (max-width:992px) { .aboutbox .l { width: 100%; float: none; } .aboutbox .l img { width: 100% } .aboutbox .r { width: 100%; float: none; margin-left: 0 } .aboutbox .r .r-box {} .aboutbox .r .r-box { width: 90%; margin: 20px 5%; font-size: var(--fs14); line-height: var(--fs52); height:auto;}} .aboutbox .r .r-box p{ text-indent:2em; } /*首页底部*/.footer { background: #3d5743; overflow: hidden; display: block;}.footer h5 { width: 40%; margin: var(--fs52) auto 0}.footer h5 img { width: 100%}.footer ul { display: flex; justify-content: space-between; width: 50%; margin: var(--fs30) auto;}.footer ul li { text-align: center; display: inline-block;}.footer ul li a { color: #fff}.footer .footinfo { display: flex; justify-content: space-between; color: #e4d0ad; padding-bottom: var(--fs30); border-bottom: 1px solid #e4d0ad}.copyright { text-align: center; color: #fff; line-height: var(--fs52)}@media (max-width:992px) { .footer h5 { width: 80%; margin: var(--fs52) auto 0 } .footer ul { width: 100%; margin: var(--fs30) auto var(--fs52); } .footer .footinfo { display: block; color: #e4d0ad; border-bottom: 1px solid #e4d0ad; } .footer .footinfo span { width: 100%!important; display: block; line-height: 0.5rem; padding-bottom: 0.1rem } .copyright { text-align: center; color: #fff; line-height: 1rem }}/**产品列表页**//**面包屑导航**/.break_nav { margin-top: var(--fs20); font-size: var(--fs14);}.break_nav a, .break_nav span { margin: 0 3px;}.break_nav a{ color: #000 }.break_nav span { color: #3d5743}.prolist { background: #fff; padding: var(--fs20) 0}.prolist ul { display: flex; position: relative; overflow: hidden;}.prolist ul li { list-style: none; padding: var(--fs12) var(--fs30); font-size: var(--fs20); border-radius: 20px}.prolist ul li:hover a { color: #455e4b}/**产品详情**/.inner_message { width: 70%; float: left; margin: 1.5rem 0;}.searchform .r-input { width: 100%; max-width: 100%; display: flex; align-items: center; height: 56px; box-shadow: 0px 1px 12px 0px rgba(7, 29, 60, 0.08); border-radius: 28px; background: #fff}.searchform .r-input .sousuo-img { width: 2.5%; padding-left: 2%;}.searchform .r-input input { flex: 1; width: 100%; height: 100%; border: none; outline: none; padding: 0 12px; color: #646A73; font-size: 16px;}.searchform .r-input input::-ms-input-placeholder { color: #646A73;}.searchform .r-input input::-moz-placeholder { color: #646A73;}.searchform .r-input input::-webkit-input-placeholder { color: #646A73;}.searchform .r-input .search { width: 109px; height: 56px; background: #3d5743; border-radius: 0px 28px 28px 0px; line-height: 56px; text-align: center; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; cursor: pointer;}.searchform .r-input .search button { font-size: 16px;}@media (max-width:1430px) {}@media (max-width:1330px) {}@media (max-width:1199px) {}@media (max-width:1024px) { .searchform .r-input { height: 45px; } .searchform .r-input .search { height: 45px; line-height: 45px; }}@media (max-width:768px) { .searchform .r-input { height: 40px; border-radius: 0; } .searchform .r-input input { padding: 0 5px; } .searchform .r-input .search { height: 40px; line-height: 40px; border-radius: 0; } .searchform .r-input { padding-left: 0; } .searchform .r-input input { font-size: 14px; } .searchform .r-input .search { width: 80px; font-size: 13px; }}@media (max-width:500px) {}.innertop { background: #3d5743; display: block; overflow: hidden; padding: var(--fs20); padding-top: 10px}.innertop img { width: 30%; overflow: hidden; float: left;}.innernav { float: right; height: 100%; display: flex; height: 100%;}.innernav a { color: #fff; font-size: var(--fs14); align-self: center; align-self: center;}.problock { margin: 1rem auto; overflow: hidden;}.problock .l { float: left; width: 70%; background: #fff}.problock .r { float: right; width: 28%; background: #fff;}.pro_tab { padding-top:var(--fs42); display: block; overflow: hidden; text-align: center; width: 100%}.pro_tab ul { display: flex; justify-content: center; overflow: hidden; text-align: center; }.pro_tab ul li { list-style: none; display: inline-block; margin: 0 var(--fs20) var(--fs42); padding: var(--fs15) var(--fs42); background: #3d5743; color: #fff; cursor: pointer; border-radius: 10px}.pro_tab ul li:hover, .pro_tab ul li.on { background: #e4d0ad; color: #3d5743}.proimg_tab { text-align: center; display: block;}.proimg_tab img { display: block; max-width: 100%; text-align: center; margin: 0 auto;}.pro_text { padding: var(--fs36); text-align:left;}.pro_text h3,.pro_text span{ display: block; overflow: hidden; text-align: center; }.pro_text h3{ font-size: var(--fs30); line-height: var(--fs54) }.pro_text p{ display: block; overflow: hidden; margin-top: 1rem; font-size: var(--fs18) ;line-height: var(--fs30) ; text-align:left;}/*参数*/.pro_more { padding: 0 0}.pro_more h3 { text-align: center; font-size: var(--fs30); border-bottom: 1px solid #ccc; background: #3d5743; color: #fff; line-height: var(--fs54);}.pro_more dl { margin: var(--fs20); padding-bottom: var(--fs20); border-bottom: 1px solid #ccc; display: block; overflow: hidden; font-size: var(--fs16)}.pro_more dl dt { text-align: left; float: left; width: 25%}.pro_more dl dd { text-align: left; float: right; width: 74%}@media (max-width:1080px){ .inner_message { width: 100%; float: left; margin: 0.5rem 0; }} @media (max-width:768px) { .problock .l, .problock .r { float: none; width: 100%; } .inner_message { width: 100%; float: none; margin-top: 0.5rem; margin-bottom: 0; } .problock { margin-top: 0.5rem; } .pro_more h3 { font-size: 25px; line-height: 50px; } .pro_tab ul li { margin: 0 0.05rem var(--fs42); padding: var(--fs15) var(--fs24); } .innertop img { width: 60%; overflow: hidden; float: left; } .pro_text p { display: block; overflow: hidden; margin-top: 0.5rem; font-size: var(--fs18) ;line-height: var(--fs54) ;}}.new_con { background: #fff; margin-top:var(--fs36); }.new_inner{padding:5% 8% ;}.new_inner .newtit{ font-size: var(--fs30); line-height: var(--fs54) ; text-align: center;}.new_inner .newdate{ text-align: center; font-size: var(--fs16); line-height: var(--fs36); margin-bottom:10px; }.new_inner .newtext{ font-size: var(--fs18); line-height: var(--fs34) }@media (max-width:768px) { .new_inner{padding:8% 3% ;}}.parallax { perspective: 120px; overflow-x: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-left: 0;}.parallax__layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.parallax__layer img { display: block; position: absolute; bottom: 0; width: 100%;}.parallax__cover { background: #205c63; position: absolute; /*min-height: 100%;*/ color: #fff; font-size: var(--fs20); line-height: var(--fs54); top: 100%; left: 0; right: 0; z-index: 2; margin-top: -10px;}.parallax__layer__0 { transform: translateZ(-260px) scale(2.5);}.parallax__layer__1 { transform: translateZ(-300px) scale(3.5);}.parallax__layer__2 { transform: translateZ(-180px) scale(3);}.parallax__layer__3 { transform: translateZ(-220px) scale(2.5);}.parallax__layer__4 { transform: translateZ(-200px) scale(2.5);}.parallax__layer__5 { transform: translateZ(-70px) scale(1.5);}.parallax__layer__6 { transform: translateZ(-50px) scale(1.4);}.parallax__layer__7 { transform: translateZ(-50px) scale(1.2);}.parallax__layer__8 { transform: translateZ(0px) scale(1);}.parallax2{ display: none; }@media (max-width:768px) { .parallax{display: none;} .parallax2{display: block;} .parallax2 { perspective: 120px; overflow-x: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-left: 0;}.parallax__layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.parallax__layer img { display: block; position: absolute; bottom: 0; width: 100%;}.parallax__cover { background: #205c63; position: absolute; min-height: 100%; top: 100%; left: 0; right: 0; z-index: 2; margin-top: -10px;}.parallax__layer__0 { transform: translateZ(-140px) scale(2.5);}.parallax__layer__1 { transform: translateZ(-300px) scale(3.5);}.parallax__layer__2 { transform: translateZ(-180px) scale(3);}.parallax__layer__3 { transform: translateZ(-220px) scale(2.5);}.parallax__layer__4 { transform: translateZ(-200px) scale(2.5);}.parallax__layer__5 { transform: translateZ(-70px) scale(1.5);}.parallax__layer__6 { transform: translateZ(-50px) scale(1.4);}.parallax__layer__7 { transform: translateZ(-50px) scale(1.2);}.parallax__layer__8 { transform: translateZ(0px) scale(1);}}/*关于我们页面返回首页*/.down { animation: example 1s infinite linear;}@keyframes example { 0% { transform: translateY(0); } 25% { transform: translateY(-10px); } 50% { transform: translateY(0); } 75% { transform: translateY(10px); } 100% { transform: translateY(0); }}.down{ width: 6%; margin: 0 auto; left:50%; margin-left: -3%; bottom:10%}.down img{ text-align: center; }.backhome { text-align: center; display: block; overflow:hidden; width: 100%; }/*返回顶部*//*返回顶部*/.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(148, 188, 83, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1;}.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5;}.no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}@media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; }}@media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }}/*返回顶部*/ .pro_title h3{font-size:var(--fs30); line-height:var(--fs54); display:block; text-align:center; padding:var(--fs30) 0} /*搜索结果页表格*/ .prolist2 table,.prolist2 th,.prolist2 td{border:1px solid #e4efe6; border-spacing:0;border-collapse: collapse} .prolist2 table,.prolist2 tr,.prolist2 td,.prolist2 th,tbody, thead{ border-spacing:0;border-collapse: collapse} .prolist2 table{ width: 100%; } .prolist2{ background: #fff } .prolist2 thead { width: 100% } .prolist2 thead tr{ clear:both; } .prolist2 thead tr th{ width: 20%; line-height: var(--fs54); background: #3d5743; color: #fff; font-size:var(--fs24) } .prolist2 thead tr,.prolist2 tbody tr{ display: flex; justify-content: center; width: 100%; } .prolist2 tbody{ width: 100%; display: block; } .prolist2 tbody tr{ width: 100%; line-height: var(--fs54); font-size: var(--fs18) } .prolist2 tbody tr:nth-child(even){ background: #dfeae2; color: ; } .prolist2 tbody tr td{ width: 20% ; display: inline-block; text-align: center;} .prolist2 tbody tr td a{ display: block; overflow: hidden; } .prolist2 tbody tr:hover{ background: #4a7d55; color:#fff }