@charset "UTF-8";
* { outline: none; margin: 0; padding: 0; box-sizing: border-box; touch-action: pan-y; }

div, p, span, a, label, em, i, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

body { font: 12px "Arial", "Microsoft Yahei", "微软雅黑"; color: #333333; background: #ffffff; }

body > tag { display: none; }

button, input, optgroup, select, textarea { font: 12px "Arial", "Microsoft Yahei", "微软雅黑"; color: #333333; }

[class^="icon-"], [class*=" icon-"] { color: #ffffff; font-size: 18px; }

ul li { list-style-type: none; }

ol, ul { margin-top: 0; margin-bottom: 0; }

span, i, em, label { display: inline-block; font-style: normal; font-weight: normal; margin: 0; padding: 0; line-height: 20px; letter-spacing: 0.5px; }

p, span { letter-spacing: 1.2px; }

a { cursor: pointer; outline: none; display: inline-block; color: #333333; text-decoration: none; }

a:hover { color: #0059E5; text-decoration: none; }

a:active { color: #0083e4; }

a:focus { color: #1B56DD; text-decoration: none; }

.w1200 { max-width: 1000px; margin: 0 auto; padding: 0 10px; }

.mf5 { margin-left: 5px; }

.mf10 { margin-left: 10px; }

.mf20 { margin-left: 20px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr40 { margin-right: 40px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.pull-left { float: left; }

.pull-right { float: right; }

.flex-justify-start { display: flex; justify-content: flex-start; align-items: center; }

.flex-align-start { display: flex; justify-content: flex-start; align-items: flex-start; }

.flex-justify-center { display: flex; justify-content: center; align-items: center; }

.flex-justify-end { display: flex; justify-content: flex-end; align-items: center; }

.flex-justify-between { display: flex; justify-content: space-between; align-items: center; }

.flex-column { display: flex; flex-direction: column; }

button[disabled], html input[disabled], textarea[disabled] { background: #eeeeee; cursor: not-allowed; color: #888888; }

.hide { display: none !important; }

/*** 多行文本框默认不拖拽 ***/
textarea { resize: none; }

/* 只有clear:both的清除浮动类  */
.clear { clear: both; }

/* 只有overflow:hidden的清除浮动类 */
.clearfix { overflow: hidden; *zoom: 1; }

/* 块级显示且clear:both的清除浮动类 */
.legacy-pie-clearfix { *zoom: 1; }

.legacy-pie-clearfix:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* display:table且clear:both的清除浮动类 */
.pie-clearfix { *zoom: 1; }

.pie-clearfix:after { content: ""; display: table; clear: both; }

.s-title { display: flex; align-items: center; margin-bottom: 80px; position: relative; }

.s-title .s-logo { width: 35px; height: 35px; margin-right: 25px; }

.s-title span { color: #333333; font-size: 32px; font-weight: 600; line-height: 38px; }

.public-first { width: 100%; height: 300px; }

.public-first .public-case { height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; }

.public-first .public-case div { color: #ffffff; font-size: 40px; font-weight: bold; margin-bottom: 30px; letter-spacing: 4px; }

.public-first .public-case span { color: #ffffff; font-size: 24px; line-height: 34px; letter-spacing: 4px; }

.mt60 { margin-top: 60px; }

.header { width: 100%; height: 85px; min-height: 85px; padding-left: 43px; background: #ffffff; box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.06); position: fixed; top: 0; left: 0; z-index: 99; transition: all .4s; }

.header .container { width: auto; }

.header .container .navbar-toggle { display: none; margin: 0 15px; cursor: pointer; }

.header .container .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #393D49; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.header .container .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

.header .container .header-nav-wrap { height: 85px; }

.header .container .header-nav-wrap .header-nav { height: 100%; display: flex; justify-content: flex-start; align-items: center; }

.header .container .header-nav-wrap .header-nav-item { height: 100%; display: inline-block; vertical-align: middle; padding: 0 1.5vw; line-height: 100%; position: relative; }

.header .container .header-nav-wrap .header-nav-item > a { height: 100%; line-height: 85px; color: #333333; font-size: 16px; }

.header .container .header-nav-wrap .header-nav-item > a:hover { color: #1B56DD; }

.header .container .header-nav-wrap .header-nav-item .drop-down { display: none; position: absolute; left: 0; top: 85px; width: max-content; background: #ffffff; box-shadow: 0px 18px 50px 0px rgba(67, 99, 255, 0.2); }

.header .container .header-nav-wrap .header-nav-item .drop-down::before { content: ""; display: block; width: 100%; height: 3px; background: linear-gradient(90deg, #1B56DD 0%, #2D9243 100%); }

.header .container .header-nav-wrap .header-nav-item .drop-down-side { padding: 30px 40px 42px 40px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > li, .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > li, .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > li, .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > li { cursor: pointer; color: #333333; font-size: 15px; margin-bottom: 30px; display: block; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > a:nth-last-of-type(1), .header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > li:nth-last-of-type(1), .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > a:nth-last-of-type(1), .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > li:nth-last-of-type(1), .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > a:nth-last-of-type(1), .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > li:nth-last-of-type(1), .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > a:nth-last-of-type(1), .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > li:nth-last-of-type(1) { margin-bottom: 0; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > a:hover, .header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > li:hover, .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > a:hover, .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > li:hover, .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > a:hover, .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > li:hover, .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > a:hover, .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > li:hover { color: #0059E5; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer { height: 100%; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-ul { margin-top: 30px; width: 90px; line-height: 1.2; margin-right: 76px; display: flex; flex-direction: column; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-ul:first-child { margin-top: 0; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-title { color: #333333; font-size: 15px; margin-bottom: 10px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-item { color: #666666; font-size: 15px; margin-top: 13px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-item:first-child { margin-top: 25px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-item:hover { color: #0059E5; }

.header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-bottom { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; }

.header .container .header-nav-wrap .header-nav-item .drop-down-customer { height: 519px; width: 720px; padding-top: 0; }

.header .container .header-nav-wrap .header-nav-item .drop-down-customer .customer-ul { margin-right: 45px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-customer .customer-ul:first-child { height: 100%; margin-top: 30px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-customer .customer-ul .customer-title { color: #1B56DD; font-weight: 600; }

.header .container .header-nav-wrap .header-nav-item .drop-down-customer .customer-ul .customer-title a { color: #1B56DD; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product { width: 1000px; height: 367px; display: flex; flex-flow: column wrap; column-gap: 63px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box { flex: 1; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .pro-class { display: flex; justify-content: flex-start; align-items: center; color: #1B56DD; font-size: 16px; font-weight: 600; margin-right: 6px; margin-bottom: 33px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .pro-class > a { color: #1B56DD; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .hot { width: 36px; height: 17px; margin-left: 6px; background: url("../images/hot.png") no-repeat; background-size: 100% 100%; vertical-align: bottom; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list { display: block; display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-left { margin-right: 10px; margin-top: -2px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-left [class^="icon-"], .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-left [class*=" icon-"] { font-size: 20px; color: #333333; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-right { color: #333333; font-size: 15px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-right .pro-name { margin-bottom: 13px; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:nth-last-of-type(1) { margin-bottom: 0; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:hover .list-left, .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:hover .list-right { color: #0059E5; }

.header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:hover .list-left [class^="icon-"], .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:hover .list-left [class*=" icon-"], .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:hover .list-right [class^="icon-"], .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:hover .list-right [class*=" icon-"] { color: #0059E5; }

.header .container .header-right { display: flex; justify-content: flex-start; align-items: center; }

.header .container .header-right .btn-search { width: 19px; height: 19px; }

.header .container .header-right .btn-phone { width: 22px; height: 22px; margin-right: 5px; }

.header .container .header-right .img-head-phone-white { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }

.header .container .header-right .line { width: 1px; height: 19px; background: #999999; margin: 0 18px; }

.header .container .header-right .phone-number { font-weight: 600; font-size: 20px; color: #333333; }

.header .container .header-right .reg-box { width: 207px; vertical-align: middle; text-align: center; font-size: 20px; color: #ffffff; font-weight: 600; background-color: #1B56DD; height: 85px; line-height: 85px; cursor: pointer; margin-left: 61px; }

.header .container .header-right .reg-box:hover { background-color: #0078D4; }

.header .container .header-right .user-info-box, .header .container .header-right .user-info-common { display: flex; justify-content: flex-start; align-items: center; }

.header .container .header-right .user-info-box { padding: 0 50px 0 60px; }

.header .container .header-right .user-info-box > a { margin-left: 30px; }

.header .container .header-right .user-info-box .user-info-common .user-img { width: 18px; height: 20px; }

.header .container .header-right .user-info-box .user-info-common .logout-img { width: 19px; height: 19px; }

.header .container .header-right .user-info-box .user-info-common img { margin-right: 6px; }

.header .container .header-right .user-info-box .user-info-common span { font-size: 16px; font-weight: 500; color: #333333; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header .logo { width: 124px; min-width: 124px; height: 41px; }

.header .img-head-search-white { width: 20px; height: 20px; }

.header .img-logo-white, .header .img-head-phone-white, .header .img-head-search-white { display: none; }

.header .img-logo-black, .header .img-head-phone-black, .header .img-head-search-black { display: block; }

.header-scroll { background: transparent; box-shadow: none; }

.header-scroll .container .header-nav-wrap .header-nav-item > a { color: #ffffff !important; }

.header-scroll .container .header-right .line { background: #ffffff !important; }

.header-scroll .container .header-right .phone-number { color: #ffffff !important; }

.header-scroll .container .navbar-toggle .icon-bar { background-color: #ffffff !important; }

.header-scroll .img-logo-white, .header-scroll .img-head-phone-white, .header-scroll .img-head-search-white { display: block; }

.header-scroll .img-logo-black, .header-scroll .img-head-phone-black, .header-scroll .img-head-search-black { display: none; }

.more { display: flex; justify-content: flex-start; align-items: center; width: fit-content; margin-left: 50%; transform: translateX(-50%); }

.more span { font-size: 15px; font-weight: 400; position: relative; margin-right: 8px; padding-bottom: 8px; }

.more span::before { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; }

.more i { width: 19px; height: 12px; margin-bottom: 8px; }

.more.common span { color: #1B56DD; }

.more.common span::before { background: #4867d5; opacity: 0.4; }

.more.common i { background: url("../images/arrow-right-blue.png") no-repeat; background-size: 100% 100%; }

.more.black span { color: #333333; }

.more.black span::before { background: #333333; }

.more.black i { background: url("../images/arrow-right.png") no-repeat; background-size: 100% 100%; }

.more.arrow-bottom i { transform: rotate(90deg); }

.more.arrow-bottom:hover { transform: translateX(-50%); }

.more.arrow-bottom:hover span { margin-right: 8px; }

.more.arrow-bottom:hover i { transform: rotate(90deg) translatex(5px); }

.more.align-left { margin-left: unset; transform: unset; }

.more:hover { transform: translateX(calc(-50% + 4px)); }

.more:hover span { margin-right: 16px; }

.more:hover.common span::before { opacity: 1; }

.load-more .hidden { display: none; }

.common-btn { width: 140px; height: 42px; background: transparent; border: 1px solid #fff; border-radius: 5px; font-size: 15px; font-weight: 400; color: #fff; line-height: 40px; text-align: center; }

.common-btn:focus { color: #Fff; }

.common-btn:hover, .common-btn:active { background: #fff; color: #2e6af6; }

.common-btn.button { color: #fff; border-color: #2e6af6; background: #2e6af6; }

.common-btn.button:focus { color: #Fff; }

.common-btn.button:hover, .common-btn.button:active { color: #Fff; background: #0078d4; border-color: #0078d4; }

.common-bread-crumb { position: relative; z-index: 10; width: 100%; height: 55px; background: #FFFFFF; box-shadow: 0px 5px 20px 0px rgba(15, 83, 208, 0.08); }

.common-bread-crumb > ul { display: flex; align-items: center; height: 100%; }

.common-bread-crumb > ul li { margin-right: 9px; }

.common-bread-crumb > ul li .crumb-arrow { margin-left: 5px; color: #999; }

.common-bread-crumb > ul li .icon-home { color: #333; position: relative; top: 2px; }

.common-bread-crumb > ul li > a:hover .icon-home { color: #0059E5; }

.container { width: 1320px; margin: 0 auto; }

.top-banner { height: 450px; color: #fff; background-size: 100% 100%; margin-top: 85px; }

.top-banner > .container { display: flex; justify-content: space-between; align-items: center; height: 100%; }

.top-banner .left { padding-right: calc(14px + 1.5vw); }

.top-banner .left h2 { margin-bottom: 30px; font-size: 46px; line-height: 1; }

.top-banner .left p { font-size: 16px; line-height: 1.5; }

.top-banner .left a { margin-top: 50px; }

.top-banner .right { flex: 1 1; text-align: right; min-width: 50%; height: 90%; }

.top-banner .right img { max-width: 90%; height: 100%; }

.com-mar { margin-top: calc(14px + 3vw); }

.white-part { background: #fff; padding: calc(14px + 5vw) 0; }

.gray-part { background: #EFF1F6; padding: calc(14px + 5vw) 0; }

.blue-part { background: linear-gradient(90deg, #1B56DD 0%, #2D9243 100%); padding: calc(14px + 5vw) 0; }

.blue-part .com-title { color: #fff; }

.blue-part .com-title::after { background: #fff; }

.com-title { color: #333333; text-align: center; line-height: 1.5; }

.com-title h2 { font-size: 36px; font-weight: 500; line-height: 1; }

.swiper-box { position: relative; width: 100%; padding: 0 75px; }

.swiper-box .swiper-button-next { right: 0px; background: transparent; }

.swiper-box .swiper-button-prev { left: 0px; background: transparent; }

.swiper-button-style .swiper-button-next, .swiper-button-style .swiper-button-prev { width: 75px; height: 75px; background-image: unset; }

.swiper-button-style .swiper-button-next.swiper-button-disabled, .swiper-button-style .swiper-button-prev.swiper-button-disabled { cursor: not-allowed; }

.swiper-button-style .swiper-button-next::after, .swiper-button-style .swiper-button-prev::after { content: ''; background: url("../images/banner-btn.png") no-repeat; background-size: cover; background-size: 100% 100%; width: 100%; height: 100%; display: inline-block; }

.swiper-button-style .swiper-button-next:hover::after, .swiper-button-style .swiper-button-prev:hover::after { background: url("../images/banner-btn-active.png") no-repeat; background-size: cover; background-size: 100% 100%; }

.swiper-button-style .swiper-button-next:hover::after { transform: rotate(180deg); }

.swiper-button-style .swiper-button-prev:hover::after { transform: unset; }

.swiper-button-style .swiper-button-prev::after { content: ''; transform: rotate(180deg); }

/*优势部分*/
.section-advantage { padding: 3vw 0; background: url("../images/footer/footer-top-bg.png") no-repeat center; background-color: #eff1f6; background-size: cover; display: grid; align-items: end; }

.advantage-ul { display: flex; justify-content: center; }

.advantage-ul li { text-align: center; position: relative; color: #383b47; padding: 0 calc(14px + 3vw); }

.advantage-ul li h3 { margin-bottom: 4px; font-size: 20px; font-family: "Alibaba PuHuiTi"; font-weight: 400; }

.advantage-ul li p { text-align: left; max-width: 320px; transform: scale(0.8); letter-spacing: 0.9px; }

.advantage-ul li::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 79px; background: #F9F8F8; opacity: 0.5; }

.advantage-ul li:last-child::after { display: none; }

.advantage-ul li:first-child { padding: 0 calc(14px + 2.3vw); }

.counter-wrap { display: flex; align-items: center; justify-content: center; height: 60px; margin-bottom: 18px; color: #4262ff; }

.counter-wrap .counter { font-size: 60px; font-weight: bold; font-family: "Alibaba PuHuiTi"; }

.counter-wrap i { font-size: 36px; }

.advantage-title { margin: 44px 0 27px; font-size: 30px; font-family: 'Alibaba PuHuiTi'; font-weight: bold; color: #383b47; text-align: center; }

.advantage-btn { display: flex; justify-content: center; align-items: center; }

.advantage-btn a { margin: 0 15px; }

.advantage-btn .common.more { transform: unset !important; width: 100px; }

.advantage-btn .common.more span { color: #333; }

.advantage-btn .common.more span::before { background: #4262ff; }

footer { padding-top: 4vw; background: url("../images/footer/footer-bg.png") no-repeat center #f5f7fa; background-size: contain; }

footer .container .f-top, footer .container .friendly-link, footer .container .f-bottom { padding-left: 3.5vw; padding-right: 3.5vw; }

footer .f-top { display: flex; }

footer .friendly-link { margin-top: 2vw; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; justify-content: flex-start; align-items: flex-start; }

footer .friendly-link > span { font-size: 16px; color: #666; min-width: 94px; padding: 4px; }

footer .friendly-link .link-div { height: 28px; overflow: hidden; line-height: 20px; }

footer .friendly-link .link-div > ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }

footer .friendly-link .link-div > ul li { padding: 4px 22px; height: 28px; }

footer .friendly-link .link-div > ul li a { font-size: 16px; color: #666; width: max-content; }

footer .friendly-link .link-div > ul li a:hover { color: #1B56DD; }

footer .friendly-link .arrow { width: 9px; min-width: 9px; height: 15px; cursor: pointer; background: url("../images/arrow-bottom.png") no-repeat center; background-size: 100% 100%; position: relative; top: 7px; margin-left: 24px; }

footer .friendly-link .arrow.up { transform: rotate(180deg); }

footer .f-bottom { padding: 29px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; }

footer .f-bottom p { margin: 6px 0; line-height: 20px; font-size: 12px; color: #666; }

footer .f-bottom p a { color: #666; }

.f-left .logo { width: 211px; margin-bottom: 41px; }

.f-left .logo a, .f-left .logo img { width: 100%; }

.f-left .contact-con { font-size: 16px; color: #666; }

.f-left .contact-con p { margin-top: 16px; }

.f-left .contact-con h3 { font-size: 18px; color: #333333; margin-top: 6px; }

.f-left .contact-con h3 a { color: #333; }

.f-left .contact-con h3 a:hover { color: #1B56DD; }

.f-left .ewm-wrap { margin-top: 18px; }

.f-left .ewm-wrap > p { font-size: 16px; color: #666; margin-bottom: 14px; }

.f-left .ewm-wrap .img-con-box { display: flex; }

.f-left .ewm-wrap .img-con-box .img-con { width: 100px; margin-right: 15px; text-align: center; }

.f-left .ewm-wrap .img-con-box .img-con img { width: 100%; }

.f-left .ewm-wrap .img-con-box .img-con p { margin-top: 4px; font-size: 14px; color: #666; }

.f-right { display: flex; justify-content: space-between; flex: 1 1; padding-left: 5%; }

.f-right .f-item .f-title { font-size: 16px; color: #333333; margin-bottom: 20px; }

.f-right .f-item ul { line-height: 32px; }

.f-right .f-item ul a { color: #666666; font-size: 14px; }

.f-right .f-item ul a:hover { color: #1B56DD; }

.icon-play { font-size: 65px; cursor: pointer; color: rgba(255, 255, 255, 0.75); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.icon-play:hover { color: #FFFFFF; }

.shuzhi-item { display: flex; flex-direction: column; position: relative; width: 32.3% !important; margin: 1% 0.5%; background-size: 100% 100%; border: 0 solid #F9FCFE; box-shadow: 0px 1px 10px 0px rgba(55, 99, 170, 0.09); border-radius: 5px; }

.shuzhi-item:hover { box-shadow: 0 0 10px 0 rgba(55, 99, 170, 0.2); }

.shuzhi-item .top { position: relative; width: 100%; height: 100%; border-radius: 5px 5px 0 0; }

.shuzhi-item .top img { width: 100%; height: 100%; display: block; }

.shuzhi-item .top .play-btn { position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; background: url("../images/shuzhi-paly.png") no-repeat; background-size: 100% 100%; transform: translate(-50%, -50%); cursor: pointer; }

.shuzhi-item .top .icon-play { top: 25%; }

.shuzhi-item .bottom { position: absolute; flex: 1 1; padding: 5% 5% 8%; min-height: 160px; top: 63%; width: 100%; height: 36%; display: flex; flex-direction: column; justify-content: space-between; }

.shuzhi-item .bottom .text { color: #333333; font-size: 15px; line-height: 26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }

.shuzhi-item .bottom .name { font-size: 15px; text-align: end; font-weight: 600; }

.shuzhi-item .bottom .name i { display: inline-block; height: 5px; width: 31px; margin-right: 4px; border-top: 1px solid #333; }

.shuzhi-item .bottom .job { text-align: end; margin-top: 4px; }

.shuzhi-item .bottom .logo { height: 41px; position: absolute; bottom: 35px; }

.shuzhi-item .bottom .logo img { height: 100%; }

.video-modal { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: row; align-items: center; justify-content: center; }

.video-modal .video-box { position: relative; border: 2px solid #fff; width: 60%; height: 30vw; }

.video-modal .video-box .video { width: 100%; height: 100%; background: #000; display: block; }

.close { position: absolute; right: -24px; top: -24px; cursor: pointer; width: 20px; height: 20px; }

.close .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff; transition: all .4s ease-in-out; cursor: pointer; }

.close .icon-bar:nth-child(1) { margin-top: 4px; transform: rotate(45deg); }

.close .icon-bar:nth-child(2) { margin-top: -2px; transform: rotate(-45deg); }

.goRegister-modal { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: row; align-items: center; justify-content: center; }

.goRegister-modal .goRegister-box { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 360px; height: 200px; border: 2px solid #fff; background: #fff; text-align: center; padding: 3%; }

.goRegister-modal .goRegister-box p { font-size: 18px; }

.goRegister-modal .goRegister-box a { margin-top: 10%; border-color: #0059E5; color: #0059E5; }

.help-doc-content { margin-top: 3.438vw; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }

.help-doc-content-item { margin: 10px; padding: 33px; width: calc((100% - 40px) / 2); background: #F2F5FD; }

.help-doc-content-item p { font-size: 18px; font-weight: 500; color: #333333; line-height: 1.5; }

.help-doc-content-item span { font-size: 15px; font-weight: 400; color: #666666; line-height: 1.5; margin-top: 14px; }

.template-swiper1 .swiper-wrapper { justify-content: space-between; align-items: center; width: fit-content; }

.template-swiper1 .swiper-wrapper .swiper-slide { text-align: center; width: auto !important; }

.template-swiper1 .swiper-wrapper .swiper-slide span { width: fit-content; padding: 21px 40px; font-size: 15px; font-weight: 400; color: #333333; position: relative; cursor: pointer; }

.template-swiper1 .swiper-wrapper .swiper-slide span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: transparent; }

.template-swiper1 .swiper-wrapper .swiper-slide.selected span { color: #1B56DD; }

.template-swiper1 .swiper-wrapper .swiper-slide.selected span::after { background: #1B56DD; }

.template-swiper1 .swiper-button-next, .template-swiper1 .swiper-button-prev { top: 14px; display: none; }

/*公共tab*/
.customer-box { width: 100%; padding: calc(14px + 3vw) 0 0; }

.customer-box .one-box { background: #fff; }

.customer-box .two-box { background: #EFF1F6; padding: calc(14px + 2.5vw) 0; }

.customer-box .two-box .page-pagination { margin-top: calc(14px + 3vw); text-align: center; }

.customer-box .two-box .page-pagination span { display: none; }

.customer-box .two-box .page-pagination .laypage_curr { display: inline-block; }

.customer-box .customer-swiper .swiper-wrapper .swiper-slide { text-align: center; }

.customer-box .customer-swiper .swiper-wrapper .swiper-slide span { width: fit-content; padding: 21px 35px; font-size: 15px; font-weight: 400; color: #333333; position: relative; cursor: pointer; }

.customer-box .customer-swiper .swiper-wrapper .swiper-slide span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: transparent; }

.customer-box .customer-swiper .swiper-wrapper .swiper-slide.swiper-slide-active span { color: #1B56DD; }

.customer-box .customer-swiper .swiper-wrapper .swiper-slide.swiper-slide-active span::after { background: #1B56DD; }

.customer-box .customer-swiper .swiper-button-next, .customer-box .customer-swiper .swiper-button-prev { top: 14px; display: none; }

.investor_desc { font-size: 15px; line-height: 26px; text-align: center; margin-bottom: calc(14px + 3vw); }

.error-page { padding: calc(14px + 8vw) 0; }

.error-box { display: flex; justify-content: center; }

.error-box .error-left { width: 88px; margin-right: 50px; }

.error-box .error-left img { width: 100%; }

.error-box .error-right h2 { font-size: 72px; font-weight: 500; color: #333333; line-height: 65px; }

.error-box .error-right .title { font-size: 20px; font-weight: 500; color: #333333; margin-top: 29px; }

.error-box .error-right p { margin-top: 14px; font-size: 15px; color: #333333; }

.error-box .error-right .back-home { margin-top: 40px; }

.error-box .error-right .back-home button { border: 1px solid #333333; color: #333333; cursor: pointer; }

.error-box .error-right .back-home button:hover, .error-box .error-right .back-home button:active { background: #1B56DD; border-color: #1B56DD; color: #fff; }

/*详情页样式调整*/
.news-cons-bottom article p { margin-top: 20px; font-size: 18px; line-height: 26px; }

.news-cons-bottom article img { border: none; display: inline-block; vertical-align: middle; max-width: 100%; }

#newBridge { z-index: 9999 !important; }

.mgl24 { margin-left: 24px; }

.aboutUsBanner { color: #333; }

.corporate-culture-part { padding-top: 0; }

.company-profile-part { position: relative; }

.company-profile-part .company-bg { position: absolute; top: 0; right: 0; width: 50vw; height: 20vw; background: url(../images/about/company-bg.png) no-repeat; background-size: 100% 100%; }

.company-profile { display: flex; margin-top: calc(14px + 3vw); }

.company-profile-des { width: 50%; position: relative; font-size: 15px; font-weight: 400; color: #333333; line-height: 26px; padding-top: 20px; padding-bottom: 50px; }

.company-profile-des .company-dh1, .company-profile-des .company-dh2 { position: absolute; width: 6vw; height: 6vw; }

.company-profile-des .company-dh1 { left: 0; top: -5.8vw; background: url(../images/about/dh1.png) no-repeat; background-size: 100% 100%; }

.company-profile-des .company-dh2 { right: 0; bottom: -4.5vw; background: url(../images/about/dh2.png) no-repeat; background-size: 100% 100%; }

.company-profile-video { display: flex; justify-content: center; position: relative; width: 54%; margin-right: calc(12px + 2vw); }

.company-profile-video img { width: 40%; }

.company-profile-video .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 6vw; height: 6vw; background: url(../images/about/play-btn.png) no-repeat; background-size: 100% 100%; cursor: pointer; opacity: 0.85; z-index: 4; }

.company-profile-video .play-btn:hover { opacity: 1; }

.company-profile-video .company-profile-video-bg { position: absolute; width: 100%; height: 100%; z-index: 1; }

.company-profile-video-logo { position: absolute; top: 42%; z-index: 2; }

.management-team-part { background: url(../images/about/management-bg.png) no-repeat; background-size: 100% 100%; padding-top: calc(14px + 5vw); }

.management-team { display: flex; justify-content: space-between; padding: calc(14px + 6vw) 0; }

.management-team .com-title h2 { margin-bottom: 0; }

.management-team .card-item { position: relative; width: 48%; padding: 5%; background: url(../images/about/manage-man-bg.png) no-repeat; background-size: 100% 100%; }

.management-team .card-item h3 { font-size: 24px; font-weight: 500; color: #333333; line-height: 36px; }

.management-team .card-item h4 { font-size: 18px; font-weight: 500; color: #333333; line-height: 36px; margin-bottom: 3%; }

.management-team .card-item p { font-weight: 400; color: #666666; line-height: 26px; max-width: 50%; }

.management-team .card-item .lead-img { position: absolute; right: 5%; bottom: 12%; width: 40%; }

.ring { position: absolute; right: 0; bottom: 0; width: 65%; height: 88%; background: url(../images/about/card-bg.png) no-repeat; background-size: 100% 100%; }

.corporate-culture { display: flex; }

.culture-item { position: relative; width: 33.33%; height: 40vw; max-height: 660px; }

.culture-item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.culture-item .culture-cons { position: relative; padding: 10%; }

.culture-item .culture-cons h3 { font-size: 30px; font-weight: 500; color: #FFFFFF; line-height: 36px; }

.culture-item .culture-cons i { width: 45px; height: 2px; background: #FFFFFF; margin: 8% 0 6%; }

.culture-item .culture-cons p { font-size: 18px; font-weight: 500; color: #FFFFFF; line-height: 32px; }

.development-history { position: relative; padding: 0; }

.development-history .com-title { padding-top: 12px; padding-bottom: calc(14px + 3vw); width: 100%; }

.development-history .com-title h2 { margin-bottom: 12px; }

.history-box { position: relative; width: 100%; padding: 0; overflow: hidden; padding: 0 75px; }

.history-box .history-swiper { position: relative; height: 1100px; }

.history-box .history-swiper .img { width: 4200px; position: absolute; left: 0; top: 0; }

.history-box .history-swiper .swiper-slide { position: relative; width: 335px; height: 18px; background: #fff; opacity: 0; }

.history-box .swiper-button-next { position: absolute; right: 0; top: 50%; z-index: 10; background: transparent; border-color: transparent; }

.history-box .swiper-button-prev { position: absolute; left: 0; top: 50%; z-index: 10; background: transparent; border-color: transparent; }

.history-item { width: 300px; }

.history-item .history-item-content { width: 300px; }

.history-item .history-item-content .history-item-img { width: 100%; }

.honor-part { position: relative; position: relative; background: url(../images/about/trophy.png) no-repeat; background-size: cover; background-position-x: center; background-position-y: center; height: 80vw; }

.honor-part-bg { width: 100%; }

.honor-part-container { position: absolute; top: calc(14px + 5vw); left: 50%; transform: translate(-50%, 0); height: 67%; }

.honor-part-container-title { color: #fff; }

.honor-part > i { position: absolute; width: 20vw; height: 50vw; background: url(../images/about/honor-bg.png) no-repeat; background-size: 100% 100%; }

.honor-part > i.honor-bg1 { bottom: 0; left: 0; }

.honor-part > i.honor-bg2 { bottom: 0; right: 0; transform: rotateY(180deg); }

.honor-cons { margin-left: -1%; width: 102%; height: 100%; margin-top: calc(14px + 3vw); overflow: hidden; }

.honor-cons .honor-cons-group { width: 60%; display: flex; flex-wrap: wrap; justify-content: flex-start; animation: scroll 20s linear infinite; }

.honor-cons .honor-item { position: relative; width: 43%; padding: 2%; text-align: center; margin: 1%; }

.honor-cons .honor-item .honor-card-bg1, .honor-cons .honor-item .honor-card-bg2 { position: absolute; width: 2.6vw; height: 80%; background: url(../images/about/honor-card-border.png) no-repeat; background-size: 100% 100%; }

.honor-cons .honor-item .honor-card-bg1.honor-card-bg1, .honor-cons .honor-item .honor-card-bg2.honor-card-bg1 { bottom: 0vw; left: 5%; }

.honor-cons .honor-item .honor-card-bg1.honor-card-bg2, .honor-cons .honor-item .honor-card-bg2.honor-card-bg2 { bottom: 0vw; right: 5%; transform: rotateY(180deg); }

.honor-cons .honor-item h4 { font-size: 16px; font-weight: 400; color: #fff; line-height: 36px; margin-bottom: 3%; }

.honor-cons .honor-item p { font-size: 16px; font-weight: bold; color: #fff; line-height: 28px; max-width: 80%; margin: 0 auto; }

.contact-part { position: relative; background: url(../images/about/company-address-map.jpg) no-repeat; background-size: cover; background-position-x: 50%; background-position-y: center; height: 830px; }

.contact-part-container { position: absolute; top: calc(14px + 4vw); left: 50%; transform: translate(-50%, 0); }

.company-box { position: relative; padding-top: 5%; font-weight: 400; font-size: 16px; color: #666666; line-height: 30px; }

.company-box i { width: 15px; height: 15px; margin-right: 6px; margin-top: 4px; color: #666; }

.company-box .company-box-dec { margin-bottom: calc(14px + 1vh); }

.company-box .company-box-phone { margin-bottom: calc(14px + 1vh); }

.company-box .company-box-address { margin-bottom: calc(14px + 1vh); }

.company-map { position: relative; width: 100%; }

.company-map img { width: 100%; min-height: 630px; }

.company-map .map-pos { position: absolute; }

.company-map .map-pos.point1 { left: 76.14%; top: 40.88%; }

.company-map .map-pos.point2 { left: 78.14%; top: 45.88%; }

.company-map .map-pos.point3 { left: 73.8%; top: 49.88%; }

.company-map .map-pos.point4 { left: 76.14%; top: 49.88%; }

.company-map .map-pos.point5 { left: 72.14%; top: 45.88%; }

.company-map .map-pos i { width: 9px; height: 9px; background: #4262FF; border-radius: 50%; }

.company-map .map-pos .map-img { width: 375px; height: 230px; position: absolute; right: -115px; bottom: 49px; z-index: 10; border-radius: 0.4em; transition: all 0.5s ease; transform-origin: center bottom; transform: scale(0); opacity: 0; background: linear-gradient(90deg, #1B56DD, #2D9243); padding: 3px; }

.company-map .map-pos .map-img img { width: 100%; height: 100%; }

.company-map .map-pos .map-img:after { content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #277f76; position: absolute; right: 115px; bottom: -12px; }

.company-map .map-pos.on .map-img { opacity: 1; transform: scale(1); }

@keyframes scroll { 0% { transform: translateY(0); }
  100% { transform: translateY(-70%); } }

.ask-and-answer { padding: 4.32vw 0; }

.ask-and-answer .ask-and-answer-list, .ask-and-answer .list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin-bottom: 50px; }

.ask-and-answer .ask-and-answer-list .ask-and-answer-list-item, .ask-and-answer .list .ask-and-answer-list-item { margin: 10px; width: calc((100% - 60px) / 3); background: #FFFFFF; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; display: flex; flex-direction: column; cursor: pointer; }

.ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .top, .ask-and-answer .list .ask-and-answer-list-item .top { position: relative; }

.ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .top img, .ask-and-answer .list .ask-and-answer-list-item .top img { width: 100%; }

.ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .top .play-btn, .ask-and-answer .list .ask-and-answer-list-item .top .play-btn { position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; background: url("../images/shuzhi-paly.png") no-repeat; background-size: 100% 100%; transform: translate(-50%, -50%); cursor: pointer; }

.ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom, .ask-and-answer .list .ask-and-answer-list-item .bottom { padding: 35px 27px 46px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; }

.ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom p, .ask-and-answer .list .ask-and-answer-list-item .bottom p { font-size: 20px; font-weight: 500; color: #333333; }

.ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom span, .ask-and-answer .list .ask-and-answer-list-item .bottom span { font-size: 15px; font-weight: 400; color: #666666; margin-top: 16px; }

.ask-and-answer .ask-and-answer-list { display: none; }

.ask-and-answer .list { overflow: hidden; }

.vanguard-dk-box .list { display: flex; flex-wrap: wrap; margin-top: calc(14px + 3vw); }

.vanguard-dk { display: flex; flex-wrap: wrap; margin-top: calc(14px + 3vw); }

.vanguard-dk-btn { width: 100%; margin-top: calc(14px + 3vw); }

.vanguard-letter-box { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }

.vanguard-letter-box .list { display: flex; flex-wrap: wrap; margin-top: calc(14px + 3vw); }

.vanguard-letter { display: flex; flex-wrap: wrap; margin-top: calc(14px + 3vw); }

.commendation-letter-box { width: 30.5%; margin: 1.4%; }

.commendation-letter-box .letter-img { width: 96%; margin-left: 2%; cursor: pointer; }

.commendation-letter-box .letter-img img { width: 100%; }

.commendation-letter-box .envelope { position: relative; width: 100%; margin-top: -70%; }

.commendation-letter-box .envelope img { width: 100%; }

.commendation-letter-box .envelope .letter-logo { position: absolute; top: 36%; left: 40%; width: 20%; height: 34%; border-radius: 50%; display: flex; justify-content: center; align-items: center; }

.commendation-letter-box .envelope .letter-logo img { width: 86%; }

.letter-modal { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: row; align-items: center; justify-content: center; }

.letter-modal .letter-box { position: relative; width: 30%; }

.letter-modal .letter-box img { width: 100%; border: 2px solid #fff; }

.details-cons { display: flex; justify-content: space-between; align-items: flex-start; }

.details-cons-left { width: calc(100% - 400px); min-height: 200px; }

.details-cons-left.details-left-wid { width: 100%; }

.details-cons-left article img { border: none; display: inline-block; vertical-align: middle; max-width: 100%; }

.details-cons-right { width: 294px; }

.details-cons-right h4 { font-size: 18px; font-weight: 500; color: #333333; line-height: 30px; }

.case-box { width: 100%; height: 313px; background: #FFFFFF; border: 2px solid #F9FCFE; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; margin-top: 60px; }

.case-box:hover { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.case-box .case-book { position: relative; left: -7px; top: -28px; width: 227px; height: 256px; }

.case-box .case-book img { width: 100%; height: 100%; }

/*相关产品*/
.slideRelatedPro, .slideRelatedCases { margin-top: calc(14px + 4vw); }

.slideRelatedPro .swiper-button-next, .slideRelatedPro .swiper-button-prev { margin-top: -37px; }

.slideRelatedCases .swiper-wrapper { align-items: stretch; }

.slideRelatedCases .swiper-wrapper .related-cases-item { height: 100% !important; max-height: inherit; }

.related-products-item li { width: 100%; padding-right: calc(14px + 1.6vw); transition: all .35s ease; }

.related-products-item li a { display: flex; align-items: center; padding: 20px; overflow: hidden; transition: all .35s ease; }

.related-products-item li a .img { flex-shrink: 0; margin-right: calc(14px + 0.8vw); transition: all .34s ease; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; background: #EEF4FF; box-shadow: 0px 0px 30px 0px rgba(66, 98, 255, 0.12); border-radius: 6px; }

.related-products-item li a .img img { border: none; display: inline-block; vertical-align: middle; max-width: 72%; }

.related-products-item li a .txt h3 { font-size: 24px; font-weight: 500; margin-bottom: 10px; }

.related-products-item li a .txt p { font-size: 16px; font-weight: 400; color: #666666; line-height: 26px; }

.related-products-item li:hover { transform: translateY(-10px); }

.related-products-item li:hover a .img { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

/*相关案例*/
.related-cases-item { width: 30.5% !important; height: calc(((58vw + 5px) / 3) * 1.295) !important; max-height: 462px; margin: 1.4%; }

.related-cases-box { width: 100%; height: 100%; box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.09); }

.related-cases-box .top { width: 100%; max-height: 240px; border-radius: 5px 5px 0px 0px; overflow: hidden; }

.related-cases-box .top img { width: 100%; vertical-align: middle; }

.related-cases-box .bottom { position: relative; width: 100%; padding: 6% 6% 35px; background: #FFFFFF; border-radius: 0px 0px 5px 5px; min-height: 235px; }

.related-cases-box .bottom h3 { font-size: 22px; font-weight: 500; color: #333333; line-height: 42px; margin-bottom: 3%; }

.related-cases-box .bottom p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 400; color: #666666; line-height: 26px; margin-bottom: 3%; }

.related-cases-box .bottom .more { margin: unset; transform: unset; position: absolute; bottom: 35px; }

.related-cases-box:hover { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.page_content { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.page_content .related-cases-box { width: 31%; margin: 1%; }

.case-swiper-cons .swiper-button-next, .case-swiper-cons .swiper-button-prev { display: none; }

.cooperative-advance { padding: 5.365vw 0; }

.cooperative-advance .co-advance-box { margin-top: 2.6vw; display: flex; justify-content: center; align-items: stretch; }

.cooperative-advance .co-advance-box .co-advance-item { margin: 4px; width: calc((100% - 24px) / 3); border: 2px solid #F9FCFE; box-shadow: 0px 1px 20px 0px rgba(12, 65, 157, 0.08); border-radius: 5px; background: linear-gradient(0deg, #FFFFFF 0%, #F4F5F8 100%); }

.cooperative-advance .co-advance-box .co-advance-item .top { border-radius: 5px; padding: 55px 0 28px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.cooperative-advance .co-advance-box .co-advance-item .top .icon { width: 49px; height: 51px; }

.cooperative-advance .co-advance-box .co-advance-item .top .icon img { width: 100%; }

.cooperative-advance .co-advance-box .co-advance-item .top .title { margin-top: 46px; font-size: 20px; font-weight: 500; color: #333333; line-height: 28px; letter-spacing: 1; }

.cooperative-advance .co-advance-box .co-advance-item .bottom { padding: 10px 38px 51px; font-size: 15px; font-weight: 400; color: #666666; line-height: 26px; letter-spacing: 1; }

.cooperative-step { padding-bottom: 5.2vw; }

.cooperative-step .co-step-box { margin-top: 2.75vw; display: flex; align-items: center; justify-content: center; }

.cooperative-step .co-step-box .co-step-item { margin: 10px; display: flex; align-items: center; }

.cooperative-step .co-step-box .co-step-item .card { width: 180px; height: 180px; background: linear-gradient(0deg, #FFFFFF 0%, #F4F5F8 100%); border: 2px solid #F9FCFE; box-shadow: 0px 1px 20px 0px rgba(12, 65, 157, 0.08); border-radius: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 22px; }

.cooperative-step .co-step-box .co-step-item .card img { width: 38px; height: 38px; margin-bottom: 35px; }

.cooperative-step .co-step-box .co-step-item .card .title .index { width: 18px; height: 18px; background: linear-gradient(126deg, #1B56DD 0%, #2D9243 100%); border-radius: 50%; text-align: center; font-size: 14px; color: #FFFFFF; line-height: 18px; margin-right: 8px; padding-left: 2px; }

.cooperative-step .co-step-box .co-step-item .card .title .text { font-size: 18px; color: #333333; line-height: 18px; }

.cooperative-step .co-step-box .co-step-item .arrow { width: 38px; height: 18px; }

.cooperative-step .co-step-box .co-step-item .arrow img { width: 100%; }

.cooperative-relative { padding: 5.21vw 0; background: url("../images/shuzhi-bg.png") no-repeat; background-size: cover; }

.cooperative-relative .co-relative-box { margin-top: 2.71vw; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }

.cooperative-relative .co-relative-box .co-img { width: calc((100% - 96px) / 6); margin: 8px; cursor: pointer; }

.cooperative-relative .co-relative-box .co-img:hover img { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.cooperative-relative .co-relative-box img { width: 100%; }

.index-container { width: 1520px; margin: 0 auto; }

.banner-wrap { padding-top: 85px; background: #f8f8f8; }

.banner-wrap .swiper-slide { height: 67vh; min-height: 500px; }

.banner-wrap .swiper-slide .b-item { height: 100%; background-size: cover; background-image: url(../images/index-banner.gif); background-repeat: no-repeat; }

.banner-wrap .swiper-slide .b-item .container { height: 100%; }

.banner-wrap .swiper-slide .b-item .container.banner-container { display: flex; justify-content: flex-start; align-items: center; }

.banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt { padding-top: 0; text-align: left; }

.banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 { font-size: 60px; font-family: Medium; font-weight: bold; color: #383B47; margin: 0.5em 0 0.2em 0; letter-spacing: 6px; }

.banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 span { font-size: 32px; height: 0.9em; line-height: 0.8em; margin-left: 0.4em; padding-left: 0.4em; color: #2a2e3c; font-weight: normal; border-left: 1px solid #2f3340; }

.banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt p { font-size: 16px; font-weight: 500; color: #373B48; margin-bottom: 3em; }

.banner-wrap .swiper-button-next, .banner-wrap .swiper-button-prev { display: none !important; }

.banner-wrap .swiper-horizontal > .swiper-pagination-bullets, .banner-wrap .swiper-pagination-bullets.swiper-pagination-horizontal, .banner-wrap .swiper-pagination-custom, .banner-wrap .swiper-pagination-fraction { bottom: 8vw; }

.banner-wrap .swiper-pagination-bullet { width: calc(14px + 2.3vw); height: 2px; border-radius: 0; background: #ffffff; opacity: 0.1; }

.banner-wrap .swiper-pagination-bullet-active { background: #ffffff; opacity: 1; }

.banner-wrap .index-video-box { height: 100%; }

.banner-wrap .index-video-box .index-banner { width: 100%; height: 100%; object-fit: cover; }

.roll-screen { height: 0; }

.roll-screen .roll-box { position: relative; bottom: 2.4em; margin: 0 auto; z-index: 9; height: 5em; border: 1px solid #fbfcff; border-radius: 3px; background-image: linear-gradient(0deg, rgba(234, 241, 254, 0.8), rgba(168, 196, 248, 0.5)); display: flex; align-items: center; justify-content: center; padding: 16px; overflow: hidden; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); filter: blur(0.4px); cursor: pointer; }

.roll-screen .roll-box .roll-screen-box { padding: 16px; overflow: hidden; width: 60%; text-align: center; }

.roll-screen .roll-box .roll-screen-box .roll-text { position: relative; animation: slide 15s linear infinite; -webkit-animation: slide 15s linear infinite; font-size: 18px; white-space: nowrap; }

@keyframes slide { 0% { right: -90%; }
  100% { right: 100%; } }

.play-video-box { position: absolute; right: 0; left: 0; bottom: 6vw; z-index: 1; color: #ffffff; text-align: center; font-size: 15px; font-family: Alibaba PuHuiTi; margin: 0 auto; }

.play-video-box .play-video { display: inline-block; cursor: pointer; }

@keyframes play { 0% { transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
  50% { transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05); }
  100% { transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); } }

.play-video-box .play-video .play-video-img { display: inline-block; margin-bottom: 12px; width: 4vw; height: 4vw; background: url("../images/about/play.png") no-repeat; background-size: 100% 100%; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-animation-name: play; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 1.2s; }

.play-video-box .play-video .play-video-img:hover { -webkit-animation-name: none; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

.more { display: flex; justify-content: flex-start; align-items: center; width: fit-content; margin-left: 50%; transform: translateX(-50%); }

.more span { font-size: 15px; font-weight: 400; position: relative; margin-right: 8px; padding-bottom: 8px; }

.more span::before { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; opacity: 0.4; }

.more i { width: 19px; height: 12px; margin-bottom: 8px; }

.more.common span { color: #1B56DD; }

.more.common span::before { background: #4867d5; }

.more.common i { background: url("../images/arrow-right-blue.png") no-repeat; background-size: 100% 100%; }

.more.black span { color: #333333; }

.more.black span::before { background: #333333; }

.more.black i { background: url("../images/arrow-right.png") no-repeat; background-size: 100% 100%; }

.more.align-left { margin-left: unset; transform: unset; }

.more:hover { transform: translateX(calc(-50% + 4px)); }

.more:hover span { margin-right: 16px; }

.more:hover span::before { opacity: 1; }

.section-one { background: #EAF1FE; opacity: 1; padding-bottom: calc(14px + 4.2vw); padding-top: calc(14px + 7vw); background-size: 100% 100%; }

.section-one .c-top { display: flex; align-items: flex-start; justify-content: space-around; background: linear-gradient(90deg, #1B56DD 0%, #2D9243 100%); padding-top: calc(14px + 0.64vw); padding-bottom: calc(14px + 0.73vw); margin-top: 80px; }

.section-one .c-top .item { text-align: center; line-height: 1; }

.section-one .c-top .item h2 { color: #FEFEFF; font-size: 15px; }

.section-one .c-top .item p { color: #ffffff; font-size: 13px; margin-top: 8px; }

.section-one .c-top2 { display: flex; justify-content: center; margin-top: 34px; }

.section-one .c-top2 .row { display: flex; justify-content: space-between; width: 100%; }

.section-one .c-top2 .row dl { width: calc((100% - 120px) / 5); text-align: center; transition: all .35s ease; z-index: 10; }

.section-one .c-top2 .row dl:hover { box-shadow: 4px 10px 43px rgba(73, 92, 189, 0.15); transform: translateY(-10px); }

.section-one .c-top2 .row dl:hover dd { background: url("../images/dd-bg-hover.jpg") no-repeat; background-size: 100% 100%; }

.section-one .c-top2 .row dl dd { height: 290px; border: 1px solid #ffffff; display: flex; flex-direction: column; justify-content: space-around; padding: 25px 8px; background: url("../images/index-dd-bg.jpg") no-repeat bottom; background-size: calc(100% - 20px) calc(100% - 10px); }

.section-one .c-top2 .row dl dd p { font-size: 15px; font-weight: 400; color: #333333; letter-spacing: unset; }

.section-one .c-top2 .row dl dd p.line { content: ""; display: block; width: 100px; height: 1px; background-color: #ffffff; margin: 0 auto; }

.section-one .c-top2 .row dl dt, .section-one .c-top2 .row dl a { line-height: 45px; text-align: center; color: #ffffff; font-weight: 500; font-size: 15px; width: 100%; display: flex; align-items: center; justify-content: center; }

.section-one .c-top2 .row dl dt img, .section-one .c-top2 .row dl a img { width: 16px; height: 16px; margin-right: 8px; }

.section-one .c-top2 .row dl .dt-bottom1 { background: #1C5AD2; }

.section-one .c-top2 .row dl .dt-bottom2 { background: #2065B7; }

.section-one .c-top2 .row dl .dt-bottom3 { background: #24758E; }

.section-one .c-top2 .row dl .dt-bottom4 { background: #298368; }

.section-one .c-top2 .row dl .dt-bottom5 { background: #2C9047; }

.section-one .one-middle { background: url("../images/one-hexinjishu-bg.png") no-repeat; background-size: 100% 100%; padding: 18px 0; margin-top: 33px; position: relative; }

.section-one .one-middle::before { content: ""; display: inline-block; width: 100%; height: 63px; position: absolute; left: 0; bottom: 100%; background: url("../images/one-shadow.png") no-repeat; background-size: 100% 100%; z-index: 0; }

.section-one .one-middle > a { width: 100%; }

.section-one .one-middle h2, .section-one .one-middle .one-middle-title { display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 20px; }

.section-one .one-middle h2 .one-logo, .section-one .one-middle .one-middle-title .one-logo { display: flex; align-items: center; }

.section-one .one-middle h2 .one-logo img, .section-one .one-middle .one-middle-title .one-logo img { width: 122px; height: 40px; margin-right: 16px; }

.section-one .one-middle h2 .one-logo span, .section-one .one-middle .one-middle-title .one-logo span { font-size: 21px; margin-right: 10px; line-height: 31px; }

.section-one .one-middle .one-intro { color: #ffffff; font-size: 15px; display: flex; justify-content: space-between; margin-top: 18px; padding-bottom: 2px; margin-left: 0; margin-right: 0; width: 100%; }

.section-one .one-middle .one-intro li, .section-one .one-middle .one-intro > span { display: flex; align-items: center; padding: 0 9px; position: relative; border-right: 1px solid #ffffff; justify-content: center; width: 100%; }

.section-one .one-middle .one-intro li:nth-last-of-type(1), .section-one .one-middle .one-intro > span:nth-last-of-type(1) { border-right: none; }

.section-one .one-middle .one-intro li img, .section-one .one-middle .one-intro > span img { margin-right: 8px; width: 22px; height: 24px; }

.section-one .one-middle .one-intro li .right-text, .section-one .one-middle .one-intro > span .right-text { font-size: 13px; font-weight: 500; color: #ffffff; line-height: 22px; display: flex; flex-direction: column; }

.section-one .one-middle .one-intro li .right-text span, .section-one .one-middle .one-intro > span .right-text span { white-space: nowrap; }

.section-one .one-bottom { border: 2px solid #ffffff; background: url("../images/index-one-bottom-bg.jpg") no-repeat bottom #ffffff; background-size: 100% 100%; position: relative; box-shadow: 0 10px 60px rgba(18, 41, 79, 0.3); margin-bottom: 60px; }

.section-one .one-bottom > .row { display: flex; justify-content: space-between; flex-wrap: nowrap; }

.section-one .one-bottom dl { margin-top: 0; padding-bottom: 17px; }

.section-one .one-bottom dl:nth-child(1) { width: 20.8vw; min-width: 280px; }

.section-one .one-bottom dl:nth-child(2) { padding-right: 1vw; }

.section-one .one-bottom dl:nth-child(2) dd { padding-right: 60px; padding-left: 60px; }

.section-one .one-bottom dl:nth-child(2) .b-top i { margin: 0 27px; }

.section-one .one-bottom dl:nth-child(3) { width: 18.75vw; min-width: 280px; }

.section-one .one-bottom dl:nth-child(3) dd { border-right: none; }

.section-one .one-bottom dl dd .ul-datas { display: flex; justify-content: center; flex-wrap: nowrap; }

.section-one .one-bottom dl dd .ul-datas li { color: #6d7883; text-align: center; margin-left: 10px; margin-right: 10px; flex-shrink: 0; }

.section-one .one-bottom dl dd .ul-datas li .img-con { height: 24px; overflow: hidden; font-weight: 600; letter-spacing: 2px; margin-bottom: 2px; }

.section-one .one-bottom dl dd .ul-datas li .img-con img { max-height: 100%; opacity: .8; }

.section-one .one-bottom dl dd .ul-datas li p { font-size: 12px; }

.section-one .one-bottom .b-top { display: flex; align-items: center; font-size: 12px; justify-content: center; margin-top: 16px; }

.section-one .one-bottom .b-top i { margin: 0 12px; animation: arrowUpDown 1.3s ease-in-out infinite; }

.section-one .one-bottom .b-top i img { width: 16px; height: 20px; }

.section-one .one-bottom .b-top p { color: #12294F; font-size: 12px; }

.section-one .one-bottom dt h3 { color: #3d4c65; margin-top: 18px; margin-bottom: 28px; text-align: center; }

.section-one .one-bottom dd { height: 39px; text-align: center; border-right: 1px solid rgba(18, 41, 79, 0.1); }

.section-one .one-bottom dd img { height: 100%; }

.section-solution-new { padding: calc(14px + 2.25vw) 0; }

.section-solution-new .slideTxtBox { margin-top: 80px; }

.section-solution-new .slideTxtBox .bd { margin-bottom: 50px; }

.section-solution-new .slideTxtBox .my-swiper-title .swiper-wrapper { justify-content: center; }

.section-solution-new .slideTxtBox .my-swiper-title .swiper-wrapper .swiper-slide { text-align: center; width: fit-content !important; }

.section-solution-new .slideTxtBox .my-swiper-title .swiper-wrapper .swiper-slide span { width: fit-content; padding: 21px 35px; font-size: 15px; font-weight: 400; color: #333333; position: relative; cursor: pointer; }

.section-solution-new .slideTxtBox .my-swiper-title .swiper-wrapper .swiper-slide span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: transparent; }

.section-solution-new .slideTxtBox .my-swiper-title .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span { color: #1B56DD; }

.section-solution-new .slideTxtBox .my-swiper-title .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span::after { background: #1B56DD; }

.section-solution-new .slideTxtBox .my-swiper-title .swiper-button-next, .section-solution-new .slideTxtBox .my-swiper-title .swiper-button-prev { top: 14px; display: none; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide { width: calc(100% / 7) !important; background-repeat: no-repeat; background-size: cover; transition: width .5s, transform 0.5s; -webkit-transition: width .5s, transform 0.5s; -moz-transition: width .5s, transform 0.5s; -ms-transition: width .5s, transform 0.5s; -o-transition: width .5s, transform 0.5s; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:last-child { transform: translateX(0) scale(1); -webkit-transform: translateX(0) scale(1); -moz-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); -o-transform: translateX(0) scale(1); }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:last-child:hover { transform: translateX(-53%) scale(1); -webkit-transform: translateX(-53%) scale(1); -moz-transform: translateX(-53%) scale(1); -ms-transform: translateX(-53%) scale(1); -o-transform: translateX(-53%) scale(1); }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover { width: calc((100% / 7) * 2) !important; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover .item .txt { display: none; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover .item .txt p { opacity: 0; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover .item .txtHover { display: block; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover .item .txtHover p { opacity: 1; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item { display: flex; justify-content: center; align-items: flex-start; position: relative; min-height: 478px; padding: 10px; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover { color: #fff; box-shadow: 0px 1px 15px 0px rgba(12, 65, 157, 0.09); height: 532px; background-size: cover; border-radius: 5px; padding: 8px 24px; width: 100%; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt h2, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover h2 { font-size: 24px; font-weight: 500; margin-top: 12px; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt p, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover p { font-size: 15px; font-weight: 400; margin-top: 24px; margin-bottom: 32px; opacity: 0; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .intro, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .intro { opacity: 1; margin-bottom: 0; height: 0; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .relative-production, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .product-ul, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .relative-production, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .product-ul { display: flex; justify-content: flex-start; align-items: center; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .relative-production, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .relative-production { font-size: 16px; align-items: flex-start; flex-direction: column; opacity: 0; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .relative-production span, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .relative-production span { line-height: 47px; font-size: 16px; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .product-ul, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .product-ul { flex-wrap: wrap; flex: 1; margin-bottom: 6.46vw; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .product-ul .production-box, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .product-ul .production-box { padding: 3px 14px; border-radius: 14px; border: 1px solid #1B56DD; display: flex; justify-content: center; align-items: center; color: #1B56DD; font-size: 15px; min-width: fit-content; margin: 0 8px 8px 0; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .product-ul .production-box:hover, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .product-ul .production-box:hover { background: #1B56DD; color: #fff; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .more, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .more { position: absolute; left: 6vh; bottom: 6vh; margin-left: unset; transform: unset !important; opacity: 0; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover { display: none; border-radius: 5px; background-size: cover; color: #333; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover p { color: #666; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover p, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .more, .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .relative-production { opacity: 1; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .intro { opacity: 0; margin: 0; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .pro-img { width: 39.532vw; min-width: 39.532vw; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .pro-img img { width: 100%; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-button-next { right: 50%; margin-right: -735px; }

.section-solution-new .slideTxtBox .my-swiper-content .swiper-button-prev { left: 50%; margin-left: -735px; }

.section-case { padding-top: calc(14px + 1.9vw); padding-bottom: calc(14px + 5.4vw); }

.section-case .custom-box, .section-case .list { display: flex; align-items: center; flex-wrap: wrap; margin-top: 87px; margin-bottom: 58px; }

.section-case .custom-box .custom-item, .section-case .list .custom-item { width: calc((100% - 96px) / 6); margin: 8px; cursor: pointer; }

.section-case .custom-box .custom-item img, .section-case .list .custom-item img { width: 100%; }

.section-case .custom-box .custom-item:hover img, .section-case .list .custom-item:hover img { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.section-case .custom-box.hidden, .section-case .list.hidden { display: none; margin: 0; padding: 0; }

.section-shuzhi { background: #F3F5F8; padding-top: calc(14px + 4.69vw); padding-bottom: calc(14px + 3.805vw); background-size: cover; }

.section-shuzhi .slideTxtBox { margin-top: 36px; }

.section-zhishu { padding-top: calc(14px + 4.22vw); padding-bottom: calc(14px + 3.7vw); }

.section-zhishu .slideTxtBox { margin-top: 55px; }

.section-zhishu .slideTxtBox .bd, .section-zhishu .slideTxtBox .zs-box { display: flex; justify-content: flex-start; align-items: flex-start; }

.section-zhishu .slideTxtBox .bd { flex-wrap: wrap; }

.section-zhishu .slideTxtBox .bd .zs-box { margin: 28px 11px; width: calc((100% - 44px) / 2); height: 245px; background: #ffffff; border: 2px solid #F9FCFE; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; }

.section-zhishu .slideTxtBox .bd .zs-box:hover { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.section-zhishu .slideTxtBox .bd .zs-box .left { width: 200px; min-width: 200px; height: 255px; position: relative; left: -2px; top: -32px; margin-right: 8%; }

.section-zhishu .slideTxtBox .bd .zs-box .left img { width: 100%; }

.section-zhishu .slideTxtBox .bd .zs-box .right { padding: 36px 40px; padding-left: 0; height: 100%; position: relative; min-height: 100%; flex: 1; }

.section-zhishu .slideTxtBox .bd .zs-box .right > p { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 22px; letter-spacing: 1px; }

.section-zhishu .slideTxtBox .bd .zs-box .right > span { color: #999999; font-size: 15px; letter-spacing: 1px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.section-zhishu .slideTxtBox .bd .zs-box .right .more { margin: unset; transform: unset; position: absolute; bottom: 36px; }

.section-zhishu .slideTxtBox .hd { margin-top: 70px; }

.section-news { padding-top: calc(14px + 4.22vw); padding-bottom: calc(14px + 3.7vw); background: #EFF1F6; }

.section-news .slideTxtBox { margin: 48px 0 51px 0; }

.section-news .slideTxtBox .bd { display: flex; justify-content: flex-start; margin-bottom: 62px; align-items: inherit; }

.section-news .slideTxtBox .bd .new-box { margin: 11px; background: #ffffff; border: 2px solid #F9FCFE; box-shadow: 0px 1px 20px 0px rgba(12, 65, 157, 0.08); border-radius: 5px 5px 0px 0px; width: calc((100% - 66px) / 3); display: flex; flex-direction: column; }

.section-news .slideTxtBox .bd .new-box:hover { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.section-news .slideTxtBox .bd .new-box .top { width: 100%; overflow: hidden; height: calc(14px + 12vw); max-height: 200px; }

.section-news .slideTxtBox .bd .new-box .top img { width: 100%; }

.section-news .slideTxtBox .bd .new-box .bottom { padding: 40px 36px 26px 36px; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; position: relative; }

.section-news .slideTxtBox .bd .new-box .bottom > p { font-size: 24px; font-weight: 500; color: #333333; line-height: 34px; letter-spacing: 1px; }

.section-news .slideTxtBox .bd .new-box .bottom > a { font-size: 15px; font-weight: 400; color: #999999; line-height: 26px; margin: 22px 0 47px 0; letter-spacing: 1px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.section-news .slideTxtBox .bd .new-box .bottom .bottom-list { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; width: calc(100% - 72px); position: absolute; bottom: 26px; }

.section-news .slideTxtBox .bd .new-box .bottom .bottom-list img { width: 90px; height: 29px; }

.section-news .slideTxtBox .bd .new-box .bottom .bottom-list span { font-size: 15px; font-weight: 400; color: #999999; line-height: 26px; }

.section-news .tabs-basic iframe { width: 100%; }

.section-news .customer-box .two-box { background: transparent; padding: 2.5vw 0; }

.index-news { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }

.index-news .news-item { margin: 10px; width: calc((calc(100% - 60px) / 3)); }

.index-news .news-item:hover { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.index-news .news-item:last-child { margin-bottom: 10px; }

.index-news .news-item a { flex-direction: column; background: #ffffff; border: 2px solid #F9FCFE; box-shadow: 0px 1px 20px 0px rgba(12, 65, 157, 0.08); border-radius: 5px 5px 0px 0px; max-height: unset; height: 100%; }

.index-news .news-item a .left { width: 100%; overflow: hidden; height: 48%; max-height: 299px; min-height: 150px; }

.index-news .news-item a .left img { width: 100%; }

.index-news .news-item a .right { width: 100%; padding: 40px 18px 8px 18px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; text-align: left; }

.index-news .news-item a .right > h3 { font-size: 24px; font-weight: 500; color: #333333; line-height: 34px; letter-spacing: 1px; }

.index-news .news-item a .right > p { font-size: 15px; font-weight: 400; color: #999999; line-height: 26px; margin: 0; letter-spacing: 1px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.index-news .news-item a .right .bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 0; width: calc(100% - 20px); position: unset; }

.section-rz { padding: 24px 0 34px 0; background: url(../images/index/home-rz.png) no-repeat center; background-size: 100% 278px; height: 277px; }

.section-rz .row { display: flex; justify-content: space-between; align-items: flex-start; }

.section-rz .row dl { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 8px 0; position: relative; width: 100%; }

.section-rz .row dl dt { width: 88px; height: 88px; margin-bottom: 24px; }

.section-rz .row dl dt img { width: 100%; }

.section-rz .row dl dd { font-size: 15px; font-weight: 400; color: #333; position: absolute; display: inline-block; top: 103px; }

.section-rz-new { height: 0; padding: 0 !important; background: none; }

.section-rz-new .container { position: relative; bottom: -3vw; width: auto !important; margin: 0 10vh; z-index: 10; border: 1px solid #fbfcff; border-radius: 10px; background-image: linear-gradient(0deg, rgba(234, 241, 254, 0.8), rgba(168, 196, 248, 0.8)); padding: 16px; overflow: hidden; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.section-rz-bg .container { z-index: 9; filter: blur(0.4px); background: #e6f0ff; opacity: 0.8; }

.side-right { position: fixed; /* right: 20px; */ right: 13px; bottom: 50%; transform: translateY(calc(50% + 118px)); z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.side-right img { width: 100%; cursor: pointer; }

.side-right .top-bonree { width: 121px; height: 117px; position: relative; top: 56px; }

.side-right .bottom { width: 69px; height: 246px; background: #F4F5F8; border-radius: 34px; padding: 66px 0 20px 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.side-right .bottom .line { width: 29px; height: 1px; background: #D4DBE9; }

.side-right .bottom [class^="icon-"], .side-right .bottom [class*=" icon-"] { color: #D4DBE9; font-size: 28px; cursor: pointer; }

.side-right .bottom [class^="icon-"]:hover, .side-right .bottom [class*=" icon-"]:hover { color: #1b56dd; }

.side-right .bottom .tel, .side-right .bottom .vx, .side-right .bottom .emil { position: relative; }

.side-right .bottom .tel > div, .side-right .bottom .vx > div, .side-right .bottom .emil > div { position: absolute; padding-right: 80px; right: 0; max-height: 30px; display: flex; align-items: center; }

.side-right .bottom .tel:hover [class^="icon-"], .side-right .bottom .tel:hover [class*=" icon-"], .side-right .bottom .vx:hover [class^="icon-"], .side-right .bottom .vx:hover [class*=" icon-"], .side-right .bottom .emil:hover [class^="icon-"], .side-right .bottom .emil:hover [class*=" icon-"] { color: #1b56dd; }

.side-right .bottom .tel > div { top: 0; }

.side-right .bottom .tel .phone-box { display: none; width: max-content; background: #F9F8F8; border: 2px solid #F9FCFE; box-shadow: 0px 0px 15px 0px rgba(12, 65, 157, 0.08); border-radius: 5px; padding: 18px 36px; position: relative; }

.side-right .bottom .tel .phone-box::after { content: ''; position: absolute; width: 0; height: 0; /* 箭头靠右边 */ top: 50%; transform: translateY(-50%); right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #F9F8F8; }

.side-right .bottom .tel .phone-box p { font-size: 16px; font-weight: 500; color: #333333; line-height: 1; margin-bottom: 16px; }

.side-right .bottom .tel .phone-box span { font-size: 15px; color: #333333; line-height: 1; }

.side-right .bottom .tel:hover .phone-box { display: block; }

.side-right .bottom .vx > div { bottom: 0; }

.side-right .bottom .vx .vx-box { display: none; width: 224px; height: 164px; background: #F9F8F8; border: 2px solid #F9FCFE; box-shadow: 0px 0px 15px 0px rgba(12, 65, 157, 0.08); border-radius: 5px; padding: 18px 36px; text-align: center; position: relative; }

.side-right .bottom .vx .vx-box::after { content: ''; position: absolute; width: 0; height: 0; /* 箭头靠右边 */ top: 50%; transform: translateY(-50%); right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #F9F8F8; }

.side-right .bottom .vx .vx-box img { width: 99px; height: 99px; margin-bottom: 7px; }

.side-right .bottom .vx .vx-box span { font-size: 16px; font-weight: 500; color: #333333; line-height: 1; }

.side-right .bottom .vx:hover .vx-box { display: block; }

.side-right .bottom .emil > div { bottom: 0; }

.side-right .bottom .emil .email-box { display: none; width: max-content; background: #F9F8F8; border: 2px solid #F9FCFE; box-shadow: 0px 0px 15px 0px rgba(12, 65, 157, 0.08); border-radius: 5px; padding: 18px 36px; position: relative; }

.side-right .bottom .emil .email-box::after { content: ''; position: absolute; width: 0; height: 0; /* 箭头靠右边 */ top: 50%; transform: translateY(-50%); right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #F9F8F8; }

.side-right .bottom .emil .email-box p { font-size: 16px; font-weight: 500; color: #333333; line-height: 1; margin-bottom: 16px; }

.side-right .bottom .emil .email-box span { font-size: 15px; color: #333333; line-height: 1; }

.side-right .bottom .emil:hover .email-box { display: block; }

@keyframes arrowUpDown { 0% { transform: translateY(0);
    opacity: .2; }
  50% { opacity: 1; }
  100% { transform: translateY(-5px);
    opacity: .3; } }

.search-input { position: relative; }

.search-input .search { width: 232px; height: 32px; border: 1px solid #999999; border-radius: 3px; padding: 0 34px 0 6px; }

.search-input .search-icon { position: absolute; right: 1px; top: 2px; width: 28px; height: 28px; background: url(../images/new/search.svg) no-repeat center center; background-size: 65%; cursor: pointer; border: none; }

.search { display: flex; justify-content: flex-start; align-items: stretch; }

.search.container { margin-top: 85px; }

.search-left { width: 288px; height: auto; min-height: 676px; min-width: 288px; background: #F3F5F8; padding: 14px 0; }

.search-left > span { font-size: 15px; color: #333333; line-height: 32px; padding: 41px 36px; }

.search-left > .left, .search-left > .right { display: none; }

.search-left .search-list { width: 100% !important; }

.search-left .search-list-item { width: 100%; padding: 24px 37px; cursor: pointer; float: unset !important; display: block !important; }

.search-left .search-list-item-a { font-size: 16px; font-weight: 500; color: #333333; }

.search-left .search-list-item.on { background: #1B56DD; }

.search-left .search-list-item.on .search-list-item-a { color: #FFFFFF; }

.search-right { padding: 41px 81px; padding-right: 0; }

.search-right > .search-input { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 76px; }

.search-right > .search-input .input-box { position: relative; margin-right: 16px; }

.search-right > .search-input .search { width: 501px; height: 40px; border: 1px solid #999999; border-radius: 3px; padding: 0 62px 0 6px; }

.search-right > .search-input .clear-icon { position: absolute; right: 42px; top: 51%; width: 16px; height: 16px; transform: translateY(-50%); background: url(../images/clear.png) no-repeat center center; background-size: 76%; cursor: pointer; border: none; }

.search-right > .search-input .search-icon { position: absolute; right: 18px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); background: url(../images/new/search.svg) no-repeat center center; background-size: 100%; cursor: pointer; border: none; }

.search-right > .search-input > p { font-size: 15px; color: #333333; }

.search-right > .search-input #total { color: #1B56DD; }

.search-right .search-result-list .result-content { display: none; }

.search-right .search-result-list .result-content.active { display: block; }

.search-right .search-result-list .result-content .list-item { margin-bottom: 40px; }

.search-right .search-result-list .result-content .list-item p { color: #333333; font-size: 16px; font-weight: 600; }

.search-right .search-result-list .result-content .list-item span { color: #666666; font-size: 15px; }

.search-right .search-result-list .result-content .list-item font { background: rgba(27, 86, 221, 0.2); color: #666666 !important; }

.search-right .search-result-list .result-content .page_ctrl { display: flex; justify-content: center; align-items: center; }

.search-right .search-result-list .result-content .page_ctrl button { width: 40px; height: 40px; border: 1px solid #CACACA; color: #999999; font-size: 16px; background: transparent; cursor: pointer; }

.search-right .search-result-list .result-content .page_ctrl button + button { margin-left: 8px; }

.search-right .search-result-list .result-content .page_ctrl .page_dot { width: 40px; height: 40px; color: #999999; font-size: 16px; background: transparent; text-align: center; line-height: 40px; }

.search-right .search-result-list .result-content .page_ctrl .prev_page.btn_dis, .search-right .search-result-list .result-content .page_ctrl .next_page.btn_dis { background: #f5f5f5; cursor: not-allowed; }

.search-right .search-result-list .result-content .page_ctrl .page_num.current_page { border-color: #1B56DD; background: #1B56DD; color: #FFFFFF; }

.pr-ul { display: flex; justify-content: space-between; margin-top: calc(14px + 3vw); }

.pr-ul li { width: calc(33.33% - 80px); text-align: center; }

.pr-ul li h5 { margin: 14px 0 36px 0; font-size: 20px; font-weight: 500; }

.pr-ul .pr-circle { width: 152px; height: 152px; }

.pr-ul .pr-circle img { width: 100%; height: 100%; }

.pr-ul p { font-size: 15px; font-weight: 400; line-height: 26px; text-align: left; }

.pad-part { padding: calc(14px + 5vw) 0 calc(14px + 0.5vw) 0; }

.pr-cons { padding: calc(14px + 3vw) 0 0; }

.pr-cons p { margin-bottom: calc(14px + 4vw); font-size: 15px; line-height: 26px; }

.pr-cons img { max-width: 100%; max-height: 750px; }

.pr-swiper-box { margin-top: calc(14px + 4vw); }

.pr-swiper .swiper-slide { width: auto; /*根据内容调整宽度*/ }

.pr-swiper .logo { width: 244px; height: 345px; }

.pr-swiper .logo img { width: 100%; height: 100%; }

.one-des { padding: 5.365vw 0 0; }

.one-des .one-img { margin-top: 4.635vw; }

.one-video { position: relative; margin-top: 5vw; }

.one-video img { width: 100%; height: 100%; }

.one-video .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 5vw; height: 5vw; background: url(../images/about/play-btn.png) no-repeat; background-size: 100% 100%; cursor: pointer; opacity: 0.85; z-index: 4; }

.one-video .play-btn:hover { opacity: 1; }

.one-function { padding: 6.3vw 0; }

.one-function .fun-box { margin-top: 3.854vw; }

.one-function .fun-box .fun-item { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20.67vw; }

.one-function .fun-box .fun-item:nth-last-of-type(1) { margin-bottom: 0; }

.one-function .fun-box .fun-item:nth-child(2n) { flex-direction: row-reverse; justify-content: flex-end; }

.one-function .fun-box .fun-item:nth-child(2n) .text-box { margin-right: calc(3.125vw - 12px); }

.one-function .fun-box .fun-item:nth-child(2n + 1) .img-box { margin-right: 4.688vw; }

.one-function .fun-box .fun-item .img-box { width: 45vw; box-shadow: 0px 10px 57px 2px rgba(71, 84, 148, 0.1); }

.one-function .fun-box .fun-item .img-box.img-single { margin: 0; width: 100%; }

.one-function .fun-box .fun-item .text-box { flex: 1; }

.one-function .fun-box .fun-item .text-box p { font-size: 22px; font-weight: 500; color: #1B56DD; margin-bottom: 1.823vw; }

.one-function .fun-box .fun-item .text-box span { font-size: 15px; font-weight: 400; color: #666666; line-height: 26px; }

.one-advance { padding: 5.313vw 0; background: #F2F5FD; }

.one-advance .advance-box { margin-top: 6.615vw; display: flex; justify-content: center; align-items: center; }

.one-advance .advance-box-content { width: 21.25vw; position: relative; }

.one-advance .advance-box-content img { width: 100%; }

.one-advance .advance-box-content .advance-item { position: absolute; width: 438px; }

.one-advance .advance-box-content .advance-item p { font-size: 22px; font-weight: 500; color: #333333; line-height: 30px; letter-spacing: unset; }

.one-advance .advance-box-content .advance-item span { font-size: 15px; font-weight: 400; color: #666666; line-height: 26px; letter-spacing: unset; margin-top: 21px; }

.one-advance .advance-box-content .advance-item.left { left: -433px; text-align: right; }

.one-advance .advance-box-content .advance-item.right { left: 21.25vw; }

.one-advance .advance-box-content .advance-item.advance-item-0, .one-advance .advance-box-content .advance-item.advance-item-1 { top: -2.14vw; }

.one-advance .advance-box-content .advance-item.advance-item-2, .one-advance .advance-box-content .advance-item.advance-item-3 { top: 12.71vw; }

.one-advance .advance-box-content .advance-item.advance-item-0 { right: 110%; left: auto; }

.one-advance .advance-box-content .advance-item.advance-item-2 { right: 112%; left: auto; }

.one-advance .advance-box-content .advance-item.advance-item-1 { left: 110%; }

.one-advance .advance-box-content .advance-item.advance-item-3 { left: 112%; }

.one-advance .advance-box-content .advance-item.advance-item-4 { text-align: center; margin-top: 40px; position: unset; width: auto; }

.one-advance .advance-box-content .advance-item.advance-item-4 > span { text-align: left; }

.one-advance .advance-box .other-advance-box-content { display: flex; justify-items: center; align-items: stretch; flex-wrap: wrap; width: 100%; }

.one-advance .advance-box .other-advance-box-content .item { margin: 10px; width: calc((100% - 80px) / 4); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }

.one-advance .advance-box .other-advance-box-content .item img { margin-bottom: calc(14px + 0.3vw); width: 65px; transition: all .5s ease; }

.one-advance .advance-box .other-advance-box-content .item img:hover { transform: rotate(20deg); }

.one-advance .advance-box .other-advance-box-content .item p { font-size: 22px; font-weight: 500; color: #333333; margin-bottom: 20px; }

.one-advance .advance-box .other-advance-box-content .item span { font-size: 15px; font-weight: 400; color: #666666; }

.one-application-scenario { padding-top: 4.635vw; }

.one-application-scenario .application-scenario-box { margin-top: 3.854vw; }

.one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper { justify-content: center; }

.one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper .swiper-slide { text-align: center; width: fit-content !important; }

.one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper .swiper-slide span { width: fit-content; padding: 21px 35px; font-size: 15px; font-weight: 400; color: #333333; position: relative; cursor: pointer; }

.one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper .swiper-slide span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: transparent; }

.one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span { color: #1B56DD; }

.one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span::after { background: #1B56DD; }

.one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-button-next, .one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-button-prev { top: 14px; display: none; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item-box { background: #F2F5FD; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item { padding: 67px 75px; display: flex; justify-content: center; align-items: center; position: relative; height: 550px; max-height: 550px; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .txt { color: #333333; padding-right: calc(14px + 5.521vw); }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .txt p { font-size: 22px; font-weight: 500; line-height: 48px; letter-spacing: unset; margin-bottom: 30px; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .txt span { font-size: 15px; font-weight: 400; color: #666666; line-height: 26px; letter-spacing: unset; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .pro-img { width: 39.532vw; min-width: 39.532vw; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .pro-img img { width: 100%; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide:nth-child(2n+1) .item { flex-direction: row-reverse; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide:nth-child(2n+1) .item .txt { padding-left: calc(14px + 5.521vw); padding-right: 0; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide:nth-child(2n+1) .pro-img { margin-left: 80px; }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-button-next { right: calc(14px + 9.689vw - 87px); }

.one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-button-prev { left: calc(14px + 9.689vw - 87px); }

.one-application-scenario .application-scenario-box-others { margin-top: 3.854vw; }

.one-application-scenario .application-scenario-box-others .scene-con { position: relative; height: 750px; width: 1320px; margin-left: auto; margin-right: auto; }

.one-application-scenario .application-scenario-box-others .scene-con-img { position: relative; background: url("../images/itim-scene.png") no-repeat center top; width: 370px; height: 370px; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); z-index: 10; background-position: center center; background-size: 246px auto; }

.one-application-scenario .application-scenario-box-others .s-item { position: absolute; text-align: center; width: 42%; z-index: 9; }

.one-application-scenario .application-scenario-box-others .s-item.left { text-align: left; }

.one-application-scenario .application-scenario-box-others .s-item.right { text-align: right; }

.one-application-scenario .application-scenario-box-others .s-item h2 { font-size: 24px; color: #4262FF; padding-bottom: 10px; margin-bottom: 15px; position: relative; }

.one-application-scenario .application-scenario-box-others .s-item h2::before { content: ""; display: block; width: 100px; height: 4px; background-color: #4262ff; position: absolute; bottom: -2px; }

.one-application-scenario .application-scenario-box-others .s-item h2::after { content: ""; display: block; width: 100%; height: 39px; position: absolute; left: 0; }

.one-application-scenario .application-scenario-box-others .s-item span { width: auto; line-height: 1.2; }

.one-application-scenario .application-scenario-box-others .s-item p { font-size: 18px; color: #666; line-height: 28px; width: 88%; }

.one-application-scenario .application-scenario-box-others .s-item1 { margin-top: 80px; left: 0; top: 13px; }

.one-application-scenario .application-scenario-box-others .s-item1 h2::before { left: 0; }

.one-application-scenario .application-scenario-box-others .s-item1 h2::after { width: 104%; height: 235px; bottom: -236px; left: 0; background: url("../images/scene-bg1.png") no-repeat; background-image: url("../images/scene-rum-bg1.png"); }

.one-application-scenario .application-scenario-box-others .s-item2 { margin-top: 80px; right: 0; top: 0; display: flex; align-items: flex-end; flex-direction: column; }

.one-application-scenario .application-scenario-box-others .s-item2 h2 { width: 100%; display: flex; -webkit-display: flex; justify-content: flex-end; }

.one-application-scenario .application-scenario-box-others .s-item2 h2::before { right: 0; }

.one-application-scenario .application-scenario-box-others .s-item2 h2::after { height: 178px; width: 610px; left: -50px; bottom: -178px; background: url("../images/rum-scene-bg2.png") right; }

.one-application-scenario .application-scenario-box-others .s-item3 { margin-top: 45px; left: 0; top: 52%; }

.one-application-scenario .application-scenario-box-others .s-item3 h2::before { left: 0; }

.one-application-scenario .application-scenario-box-others .s-item3 h2::after { width: 106%; background-image: url("../images/rum-scene-bg3.png"); background-repeat: no-repeat; bottom: -2px; height: 42px; }

.one-application-scenario .application-scenario-box-others .s-item4 { right: 0; top: 55%; display: flex; align-items: flex-end; flex-direction: column; }

.one-application-scenario .application-scenario-box-others .s-item4 h2 { width: 100%; display: flex; -webkit-display: flex; justify-content: flex-end; }

.one-application-scenario .application-scenario-box-others .s-item4 h2::before { right: 0; }

.one-application-scenario .application-scenario-box-others .s-item4 h2::after { height: 71px; background-image: url("../images/rum-scene-bg4.png"); bottom: -2px; }

.one-help-documentation { padding: 6.615vw 0; }

.res-common { padding: 5.57vw 0; }

.res-common.gray { background: #EFF1F6; }

.res-common.white { background: #FFFFFF; }

.res-common .card-box .flex, .res-common .card-box .list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }

.res-common .card-box .flex { display: none; }

.res-common .video-center-box .flex { display: none; }

.res-common .one-functions-box .flex { display: none; }

.res-common .margin10 { margin: 10px; }

.res-common .more { margin-top: 59px; }

.product-document { padding: 5.57vw 0; padding-bottom: calc(5.57vw - 40px); }

.product-document-content { margin-top: 3.23vw; }

.product-document-content h2 { font-size: 24px; font-weight: 500; color: #333333; }

.product-document-content .type { margin-bottom: 40px; }

.product-document-content .type:nth-last-of-type(1) { margin-bottom: 0; }

.product-document-content .type-list { display: flex; flex-wrap: wrap; column-gap: 80px; }

.product-document-content .type-list-item { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 40px 0 !important; }

.product-document-content .type-list-item .icon-box { width: 121px; height: 121px; padding: 23px 26px; box-shadow: 0px 0px 30px 0px rgba(66, 98, 255, 0.12); border-radius: 6px; border: 2px solid #FFFFFF; background: linear-gradient(180deg, #EEF4FF 0%, #FFFFFF 100%); margin-bottom: 25px; }

.product-document-content .type-list-item .icon-box img { width: 100%; }

.product-document-content .type-list-item .text { font-size: 15px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #222222; }

.card-box { margin-top: 77px; }

.card-box .card-item { width: calc((100% - 40px) / 2); display: flex !important; justify-content: flex-start; align-items: center; padding: 14px; background: #FFFFFF; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; }

.card-box .card-item .left { width: 169px; min-width: 169px; margin-right: 32px; }

.card-box .card-item .left img { width: 100%; }

.card-box .card-item .right { width: calc(100% - 201px); }

.card-box .card-item .right .tag { text-align: center; padding: 6px 8px; margin-bottom: 22px; font-size: 15px; color: #1B56DD; background: rgba(27, 86, 221, 0.12); border-radius: 2px; width: fit-content; }

.card-box .card-item .right h3 { font-size: 18px; font-weight: 500; color: #333333; margin-bottom: 18px; }

.card-box .card-item .right .decs { max-width: 100%; font-size: 15px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

.card-box .card-item .right .more.align-left:hover { transform: unset; }

.bonree-index .card-box .card-item { width: calc((100% - 60px) / 3); margin-bottom: 35px; border: 2px solid #F9FCFE; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; background: linear-gradient(180deg, #F4F5F8 0%, #FFFFFF 100%); }

.bonree-index .card-box .card-item .left { width: 157px; min-width: 157px; position: relative; top: -29px; left: -16px; margin-right: 16px; }

.bonree-index .card-box .card-item .right { width: calc(100% - 184px); padding: 0; }

.bonree-index .card-box .card-item .right .decs { margin-bottom: 40px; }

.bonree-index .card-box .card-item .right .more { margin-top: 0; }

.video-center-box { margin-top: 58px; }

.video-center-box .flex, .video-center-box .list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }

.video-center-box .video-center-item { background: #FFFFFF; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; width: calc((100% - 60px) / 3); margin: 10px; display: flex; flex-direction: column; }

.video-center-box .video-center-item .top { position: relative; }

.video-center-box .video-center-item .top img { width: 100%; }

.video-center-box .video-center-item .top span { position: absolute; top: 9px; left: 7px; background: #000000; border-radius: 2px; padding: 7px; text-align: center; width: fit-content; font-size: 15px; color: #FFFFFF; }

.video-center-box .video-center-item .top .play-btn { position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; background: url("../images/shuzhi-paly.png") no-repeat; background-size: 100% 100%; transform: translate(-50%, -50%); cursor: pointer; }

.video-center-box .video-center-item .bottom { flex: 1; padding: 35px 27px 46px; display: flex; flex-direction: column; justify-content: space-between; }

.video-center-box .video-center-item .bottom .desc { font-size: 20px; font-weight: 500; color: #333333; margin-bottom: 17px; }

.video-center-box .video-center-item .bottom .time { font-size: 15px; color: #666666; }

.one-functions-box { margin-top: 58px; }

.one-functions-box .flex, .one-functions-box .list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }

.one-functions-box .one-functions-item { background: #FFFFFF; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; width: calc((100% - 60px) / 3); margin: 10px; display: flex; flex-direction: column; }

.one-functions-box .one-functions-item .top { position: relative; }

.one-functions-box .one-functions-item .top img { width: 100%; }

.one-functions-box .one-functions-item .top span { position: absolute; top: 9px; left: 7px; background: #000000; border-radius: 2px; padding: 7px; text-align: center; width: fit-content; font-size: 15px; color: #FFFFFF; }

.one-functions-box .one-functions-item .top .play-btn { position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; background: url("../images/shuzhi-paly.png") no-repeat; background-size: 100% 100%; transform: translate(-50%, -50%); cursor: pointer; }

.one-functions-box .one-functions-item .bottom { flex: 1; padding: 35px 27px 46px; display: flex; flex-direction: column; justify-content: space-between; }

.one-functions-box .one-functions-item .bottom .desc { font-size: 20px; font-weight: 500; color: #333333; margin-bottom: 17px; }

.one-functions-box .one-functions-item .bottom .time { font-size: 15px; color: #666666; }

.ask-answer .ask-and-answer { padding: 0; margin-top: 58px; }

.ask-answer .ask-and-answer .ask-and-answer-list, .ask-answer .ask-and-answer .list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin-bottom: 50px; }

.ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item, .ask-answer .ask-and-answer .list .ask-and-answer-list-item { margin: 10px; width: calc((100% - 60px) / 3); background: #FFFFFF; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; display: flex; flex-direction: column; }

.ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .top, .ask-answer .ask-and-answer .list .ask-and-answer-list-item .top { position: relative; }

.ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .top img, .ask-answer .ask-and-answer .list .ask-and-answer-list-item .top img { width: 100%; }

.ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .top .play-btn, .ask-answer .ask-and-answer .list .ask-and-answer-list-item .top .play-btn { position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; background: url("../images/shuzhi-paly.png") no-repeat; background-size: 100% 100%; transform: translate(-50%, -50%); cursor: pointer; }

.ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom, .ask-answer .ask-and-answer .list .ask-and-answer-list-item .bottom { padding: 35px 27px 46px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; }

.ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom a, .ask-answer .ask-and-answer .list .ask-and-answer-list-item .bottom a { font-size: 20px; font-weight: 500; color: #333333; }

.ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom span, .ask-answer .ask-and-answer .list .ask-and-answer-list-item .bottom span { font-size: 15px; font-weight: 400; color: #666666; margin-top: 16px; }

.ask-answer .ask-and-answer .list { overflow: hidden; }

.solution-collect { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 3.49vw 0 5.73vw; }

.solution-collect-item { background-size: 100% auto; background-position: center; height: 190px; width: calc((100% - 80px) / 4); margin: 10px; }

.solution-collect-item > div { padding: 0 36px; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, transparent 100%); }

.solution-collect-item span { font-size: 24px; font-weight: 600; color: #FFFFFF; line-height: 42px; }

.solution-collect-item:hover { box-shadow: 0 8px 26px 0 rgba(55, 99, 170, 0.2); }

.industry-challenges { padding: 5.2vw 0 4.423vw; }

.industry-challenges-content { margin-top: 3.75vw; display: flex; justify-content: space-between; align-items: stretch; }

.industry-challenges-item { margin: 10px; text-align: center; }

.industry-challenges-item img { width: 62px; }

.industry-challenges-item p { margin: 36px 0 19px; font-size: 20px; font-weight: 500; color: #333333; }

.industry-challenges-item span { font-size: 15px; font-weight: 400; color: #666666; }

.solution-content { margin-top: 4.17vw; margin-bottom: 3vw; padding-bottom: 3.54vw; margin-left: -10px; }

.solution-content:nth-last-of-type(1) { margin-bottom: 0; }

.solution-content-item > p { font-size: 20px; font-weight: 500; color: #333333; line-height: 1.5; padding: 0 10px; }

.solution-content-item > span { font-size: 15px; color: #333333; line-height: 1.5; margin: 26px 0 0; padding: 0 10px; }

.solution-content-item .card { margin-top: 16px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-bottom: 3.02vw; }

.solution-content-item .card-item { margin: 10px; display: flex; justify-content: flex-start; align-items: center; padding: 28px 18px; min-width: 268px; background: #ECF2FC; border-radius: 5px; width: calc((100% - 80px) / 4); }

.solution-content-item .card-item .left { text-align: center; width: 37px; min-width: 37px; height: 37px; line-height: 37px; font-size: 18px; font-weight: bold; color: #FFFFFF; background: url("../images/solution/solution-detail5.png") no-repeat; background-size: cover; margin-right: 14px; }

.solution-content-item .card-item .right { font-size: 15px; font-weight: 400; color: #333333; line-height: 1.5; }

.case-value-content { margin-top: 4.79vw; display: flex; justify-content: flex-start; align-items: center; }

.case-value-content .left { margin-right: 55px; width: 45%; min-width: 45%; }

.case-value-content .left-item { background: #ECF2FC; font-size: 16px; font-weight: 400; color: #333333; padding: 26px 29px; line-height: 1.5; }

.case-value-content .left-item:nth-child(2n) { background: rgba(236, 242, 252, 0.3); }

.case-value-content .left-item:first-child { border-radius: 5px 5px 0px 0px; }

.case-value-content .left-item:nth-last-of-type(1) { border-radius: 0px 0px 5px 5px; }

.case-value-content .right img { width: 100%; }

.news_content { display: flex; justify-content: space-between; align-items: flex-start; }

.news_content .news-left { width: calc(98% - 352px); }

.news_content .news-right { width: 352px; padding: 3%; background: #FFFFFF; border-radius: 5px; }

.news-item { background: #FFFFFF; border-radius: 5px; margin-bottom: 3%; width: 100%; }

.news-item:hover { box-shadow: 0 0 26px 0 rgba(55, 99, 170, 0.2); }

.news-item > a { display: flex; justify-content: space-between; align-items: stretch; width: 100%; min-height: 200px; padding: 2%; max-height: 285px; height: 234px; overflow: hidden; }

.news-item:last-child { margin-bottom: 0; }

.news-item .left { width: 38%; height: 100%; overflow: hidden; }

.news-item .left img { width: 100%; }

.news-item .right { width: 60%; height: 100%; position: relative; text-align: left; }

.news-item .right i { margin: 2% 0; padding: 0 8px; font-size: 15px; color: #1B56DD; line-height: 26px; background: rgba(27, 86, 221, 0.12); border-radius: 2px; }

.news-item .right h3 { font-size: 22px; font-weight: 500; color: #333333; line-height: 28px; margin-bottom: 4px; }

.news-item .right p { font-size: 15px; font-weight: 400; color: #999999; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.news-item .right .bottom { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 2%; position: absolute; bottom: 2%; }

.news-item .right .bottom .logo { width: 85px; }

.news-item .right .bottom .logo img { max-width: 100%; }

.news-item .right .bottom .date { font-size: 15px; font-weight: 400; color: #999999; line-height: 26px; }

.news-input { position: relative; width: 100%; height: 40px; }

.news-input input { width: 100%; height: 100%; border: 1px solid #999999; border-radius: 3px; padding: 0 45px 0 6px; text-align: left; }

.news-input i, .news-input .search-icon { position: absolute; right: 1px; top: 1px; width: 38px; height: 38px; background: url(../images/new/search.svg) no-repeat center center; background-size: 60% 60%; cursor: pointer; }

.label-box { margin-top: 5%; }

.label-box h4 { font-size: 16px; font-weight: 500; color: #333333; line-height: 32px; margin-bottom: 2%; }

.label-box .label-group { display: flex; flex-wrap: wrap; width: calc(100% + 8px); margin-left: -4px; }

.label-box .label-group i { padding: 4px 6px; border: 1px solid #999999; border-radius: 2px; margin: 4px; color: #999999; }

.label-box .label-group i:hover, .label-box .label-group i.on { color: #1B56DD; border-color: #1B56DD; cursor: pointer; }

.news-detail { display: flex; justify-content: space-between; }

.news-detail .news-left { width: calc(98% - 352px); }

.news-detail .news-left .news-cons { width: 100%; }

.news-detail .news-left .news-cons .news-cons-top { margin-bottom: 5%; }

.news-detail .news-left .news-cons .news-cons-top h2 { font-size: 30px; color: #333; }

.news-detail .news-left .news-cons .news-cons-top .detail-box { display: flex; align-items: center; margin-top: 3%; }

.news-detail .news-left .news-cons .news-cons-top .logo { width: 85px; height: 28px; }

.news-detail .news-left .news-cons .news-cons-top .logo img { width: 100%; height: 100%; }

.news-detail .news-left .news-cons .news-cons-top .line { width: 1px; height: 22px; background: #999999; margin: 0 3%; }

.news-detail .news-left .news-cons .news-cons-top .time { font-size: 15px; font-weight: 400; color: #999999; line-height: 26px; }

.news-detail .news-left .news-bottom { position: relative; display: flex; justify-content: space-between; padding: 5% 0; margin-top: 5%; border-top: 1px solid #999999; }

.news-detail .news-left .news-bottom .news-link { display: flex; flex-direction: column; width: calc(100% - 100px); font-size: 15px; font-weight: 400; color: #333333; line-height: 30px; }

.news-detail .news-left .news-bottom .news-link a { color: #333333; }

.news-detail .news-left .news-bottom .news-link a:hover { color: #1B56DD; }

.news-detail .news-left .news-bottom .more { margin: unset; transform: unset; position: absolute; right: 0; top: 42%; }

.news-detail .news-right { width: 352px; }

.news-detail .news-right .hot-news { background: #FFFFFF; box-shadow: 0px 1px 25px 0px rgba(12, 65, 157, 0.09); border-radius: 5px; padding: 5%; margin-bottom: 5%; }

.news-detail .news-right .hot-news:last-child { margin-bottom: 0; }

.news-detail .news-right h4 { font-size: 16px; font-weight: 500; color: #333333; line-height: 32px; margin-bottom: 3%; }

.news-detail .news-right .hot-articles a { margin-bottom: 5%; }

.news-detail .news-right .hot-articles a:last-child { margin-bottom: 0; }

.news-detail .news-right .hot-articles img { width: 100%; border-radius: 5px; }

.news-detail .news-right .hot-articles h5 { font-size: 16px; font-weight: 500; color: #333333; line-height: 28px; margin-top: 4%; }

.news-detail .news-right .hot-articles span { font-size: 15px; font-weight: 400; color: #999999; line-height: 26px; }

.crumbMar { margin-top: 85px; }

.news_page { margin-top: calc(14px + 3vw); text-align: center; }

.tabs-basic { width: 100%; margin-top: 30px; text-align: center; }

.tabs-basic ul { list-style: none; text-align: center; margin: 0; padding: 0; }

.tabs-basic ul li { display: inline-block; margin-bottom: -1px; }

.tabs-basic li a { display: block; text-decoration: none; /* color: #656a6d; border-radius: 3px 3px 0 0; padding: 15px 22px 10px; */ width: fit-content; padding: 21px 40px; font-size: 15px; font-weight: 400; color: #333333; position: relative; cursor: pointer; }

.tabs-basic li a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: transparent; }

.tabs-basic .tab-active { color: #1B56DD; }

.tabs-basic .tab-active::after { background: #1B56DD; }

.tabs-basic .tabs-content-placeholder { overflow: hidden; font-weight: normal; /* background-color: #fff; margin: 0 auto; */ text-align: center; }

.tabs-basic .tabs-content-placeholder > div { display: none; }

.tabs-basic .tabs-content-placeholder > div.tab-content-active { /* display: block; */ display: flex; justify-content: space-between; }

.tabs-basic .tabs-content-placeholder > div p { color: #565a5c; line-height: 1.45; text-align: left; margin: 5px 0 20px; }

.tabs-basic .tabs-content-placeholder > div img { max-width: 100%; }

.tabs-basic .tabs-content-placeholder .news-right { height: fit-content; }

.tabs-basic .tabs-content-placeholder .news-right .input-box { height: 100%; }

.tabs-basic .tabs-content-placeholder .news-right .label-box .h4 { text-align: left; }

.tabs-basic .tabs-content-placeholder .news-right .label-box .label-group i.active { color: #1B56DD; border-color: #1B56DD; }

.tabs-basic iframe, .tabs-basic .iframe, .tabs-basic .iframe1, .tabs-basic .iframe2, .tabs-basic .iframe3 { border: none; width: calc(100% - 372px); }

.pagination-ul { display: flex; margin-top: 10px; align-items: center; justify-content: center; width: 140%; }

.pagination-ul span { display: none; }

.pagination-ul .laypage_curr { display: inline-block; }

.pagination-ul li a, .pagination-ul li span { color: #666; padding: 0 10px; min-width: max-content; text-align: center; height: 40px; line-height: 40px; border: 1px solid #CACACA; background: transparent; margin: 4px; width: 40px; }

.pagination-ul li a:hover, .pagination-ul li span:hover { border-color: #1B56DD; }

.pagination-ul li a:hover { border-color: #1B56DD; }

.pagination-ul li span { color: #fff; background: #1B56DD; border-color: #1B56DD; }

.gather-page { padding: calc(70px + 6vw) 11vw 0; }

.gather-page .product-center { padding-bottom: 6vw; }

.gather-page .product-center .product-box { display: flex; display: -webkit-box; display: -webkit-flex; margin-top: 4vw; justify-content: space-between; }

.gather-page .product-center .product-box .pro-box .pro-class { display: flex; display: -webkit-box; display: -webkit-flex; justify-content: flex-start; align-items: center; color: #1B56DD; font-size: 16px; font-weight: 600; margin-right: 6px; margin-bottom: 33px; }

.gather-page .product-center .product-box .pro-box .pro-class > a { color: #1B56DD; }

.gather-page .product-center .product-box .pro-box .hot { width: 36px; height: 17px; margin-left: 6px; background: url("../images/hot.png") no-repeat; background-size: 100% 100%; vertical-align: bottom; }

.gather-page .product-center .product-box .pro-box .list { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; }

.gather-page .product-center .product-box .pro-box .list-right { color: #333333; font-size: 15px; }

.gather-page .product-center .product-box .pro-box .list-right .pro-name { margin-bottom: 13px; }

.gather-page .product-center .product-box .pro-box .list:nth-last-of-type(1) { margin-bottom: 0; }

.gather-page .product-center .product-box .pro-box .list:hover .list-right { color: #0059E5; }

.gather-page .product-center .product-box .pro-box .list:hover .list-right [class^="icon-"], .gather-page .product-center .product-box .pro-box .list:hover .list-right [class*=" icon-"] { color: #0059E5; }

.gather-page .product-center .product-box .pro-box .list .name { font-size: 15px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #333333; }

.gather-page .product-center .product-box .pro-box .list .name:hover { color: #0059E5; }

.gather-page .solution-page { padding-bottom: 6vw; }

.gather-page .solution-page .solution-box { display: flex; display: -webkit-box; display: -webkit-flex; justify-content: space-evenly; margin-top: 4vw; padding: 0 8vw; }

.gather-page .solution-page .solution-box .solution-item { font-size: 15px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #333333; }

.gather-page .solution-page .solution-box .solution-item:hover { color: #0059E5; }

.recruit .customer-box .content-box { background-color: #ffffff; padding: calc(14px + 2.5vw) 0; }

.recruit .customer-box .content-box .page-content table tr { display: inline-block; width: calc((100% - 60px)/3); margin-right: 20px; margin-bottom: 20px; }

.recruit .customer-box .content-box .page-content table tr td { display: inline-block; background: rgba(69, 97, 201, 0.03); width: 100%; height: 100%; padding: 35px 10px 42px 30px; position: relative; z-index: 10; }

@keyframes animatebg { from { width: 0px; }
  to { width: 100%; } }

.recruit .customer-box .content-box .page-content table tr td:hover div { animation: animatebg 500ms ease-out 0ms 1 normal forwards; overflow: hidden; animation-fill-mode: forwards; background: rgba(242, 246, 255, 0.9); animation: animatebg 500ms ease-out 0ms 1 normal forwards; -webkit-animation: animatebg 500ms ease-out 0ms 1 normal forwards; }

.recruit .customer-box .content-box .page-content table tr td div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }

.recruit .customer-box .content-box .page-content table tr td a { cursor: pointer; outline: none; display: inline-block; color: #000000; text-decoration: none; }

.recruit .customer-box .content-box .page-content table tr td em { width: 2px; height: 14px; background: #2f2f33; margin: 0 10px; position: relative; top: 2px; }

.recruit .customer-box .content-box .page-content table tr td h1 { font-size: 24px; margin-bottom: 22px; }

.recruit .customer-box .content-box .page-content table tr td span { font-size: 14px; }

.job-details { font-size: 16px; }

.job-details h2 { margin-bottom: 30px; }

.job-details .detail-title { display: flex; align-items: center; padding-bottom: 3em; border-bottom: 1px solid #e5e5e5; margin-bottom: 2em; }

.job-details .detail-title .line { width: 8px; background: #1B56DD; height: 67px; margin-right: 16px; }

.job-details .detail-title h1 { font-size: 32px; margin-bottom: 16px; }

.job-details .detail-title span { font-size: 14px; }

.job-details .detail-title em { width: 2px; height: 14px; background: #2f2f33; margin: 0 10px; position: relative; top: 2px; }

.job-details .content p { margin-bottom: 1em; }

.job-details .contact { padding-top: 3em; border-top: 1px solid #e5e5e5; font-size: 16px; margin-top: 3em; }

.job-details .contact a { font-weight: 600; }

.target-banner { height: 336px; color: #fff; background-size: 100% 100%; margin-top: 85px; background-image: url("../images/target-bg.png"); }

.target-banner > .container { display: flex; justify-content: center; align-items: center; height: 100%; }

.target-banner > .container > div { width: 60%; }

.target-banner h2 { font-size: 46px; line-height: 1; font-family: Alibaba PuHuiTi; font-weight: 500; text-align: center; }

.target-banner .input-search { position: relative; width: 100%; }

.target-banner input:placeholder-shown { font-size: 16px; }

.target-banner .search { width: 100%; height: 56px; border: none; border-radius: 3px; padding: 16px 24px; margin: 2em 0 16px 0; font-size: 16px; }

.target-banner .clear-icon { position: absolute; right: 42px; top: 53%; width: 16px; height: 16px; transform: translateY(-50%); background: url(../images/clear.png) no-repeat center center; background-size: 76%; cursor: pointer; border: none; }

.target-banner .search-icon { position: absolute; right: 18px; top: 50%; width: 21px; height: 21px; transform: translateY(-50%); background: url(../images/new/search.svg) no-repeat center center; background-size: 100%; cursor: pointer; border: none; }

.target-banner .search-content { position: absolute; background: #fff; width: 100%; top: 57px; border-radius: 3px; color: #333; font-size: 16px; line-height: 44px; z-index: 999; box-shadow: 0px 5px 20px 0px rgba(15, 83, 208, 0.08); max-height: 400px; overflow-y: auto; }

.target-banner .search-content > a, .target-banner .search-content > div { height: 44px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }

.target-banner .search-content > a { cursor: pointer; }

.target-banner .search-content > a:hover { font-size: 16px; background: #e7f3ff; color: #1B56DD; }

.target-banner ::-webkit-scrollbar { width: 5px; background-color: #F3F5F8; }

.target-banner ::-webkit-scrollbar-thumb { background-color: #d9d9d9; }

.target-banner ::-webkit-scrollbar-button { display: none; }

.target-banner p { font-size: 16px; line-height: 1.5; }

.target-banner p > a { color: #fff; height: 30px; }

.target-banner p > a:hover { border-bottom: 1px solid #fff; }

.target-content { background: #EFF1F6; padding-bottom: 5em; }

.target-content .content-box { padding-top: 3em; }

.target-content .content-box .target-box { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 2em; }

.target-content .content-box .target-box .metric-box { display: inline-block; width: 31%; margin: 1%; background: #fff; border-radius: 5px; }

.target-content .content-box .target-box .metric-box .top { display: flex; justify-content: space-between; align-items: center; height: 107px; padding: 0 7%; background-size: 100% 100%; color: #fff; font-size: 22px; font-weight: 500; }

.target-content .content-box .target-box .metric-box .center { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 20px; max-height: 200px; overflow: hidden; }

.target-content .content-box .target-box .metric-box .center .metric { display: inline-block; padding: 5px 12px; border: 1px solid #999999; border-radius: 2px; color: #999999; font-size: 15px; margin: 6px 5px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }

.target-content .content-box .target-box .metric-box .center .metric:hover { border-color: #1B56DD; color: #1B56DD; }

.target-content .content-box .target-box .metric-box .bottom { margin: 18px 0 27px 0; width: 55px; }

.target-content .content-box .target-box .metric-box .bottom .more { transform: unset !important; width: 100px; }

.detail-banner { height: 212px; }

.detail-banner .container > div { display: flex; align-items: center; width: 80%; }

.detail-banner .container > div h2 { margin-right: 38px; height: 60px; }

.detail-banner .container > div > div { flex: 1; }

.detail-content .content { display: flex; }

.detail-content .content .sideber-box { width: 228px; background: #F3F5F8; }

.detail-content .content .sideber-box .title-one { font-size: 22px; font-weight: 500; color: #333333; line-height: 30px; padding: 30px 30px 20px 38px; display: flex; align-items: center; cursor: pointer; }

.detail-content .content .sideber-box .title-one span { margin-right: 10px; }

.detail-content .content .sideber-box .title-two { font-size: 16px; font-weight: 500; color: #333333; line-height: 45px; padding: 18px 20px 18px 50px; display: flex; align-items: center; cursor: pointer; }

.detail-content .content .sideber-box .title-two span { margin-right: 5px; }

.detail-content .content .sideber-box .title-three { font-size: 14px; font-weight: 500; color: #333333; width: 100%; }

.detail-content .content .sideber-box .title-three a { width: 100%; padding: 14px 20px 14px 62px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.detail-content .content .sideber-box .title-three .tooltip { display: none; color: #fff; background-color: #333; position: absolute; padding: 15px 8px; border-radius: 3px; }

.detail-content .content .sideber-box .title-three .tooltip::after { content: ''; border-right-color: #373737; border-width: 5px 5px 5px 0; left: 4px; }

.detail-content .content .sideber-box .title-three:hover { color: #fff; }

.detail-content .content .sideber-box .title-three:hover a { background: #1B56DD; color: #fff; }

.detail-content .content .sideber-box .metric-box { max-height: 0; overflow-y: auto; visibility: hidden; width: 100%; position: relative; transition: max-height .25s; -webkit-transition: max-height .25s; }

.detail-content .content .sideber-box .side { display: none; width: 100%; }

.detail-content .content .sideber-box .open-icon { display: inline-block; width: 16px; height: 16px; background: url("../images/open-icon.svg") no-repeat; background-position: right; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }

.detail-content .content .sideber-box ::-webkit-scrollbar { width: 5px; background-color: #F3F5F8; }

.detail-content .content .sideber-box ::-webkit-scrollbar-thumb { background-color: #d9d9d9; }

.detail-content .content .sideber-box ::-webkit-scrollbar-button { display: none; }

.detail-content .content .sideber-box .one-open .title-one .open-icon { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }

.detail-content .content .sideber-box .two-open .metric-box { visibility: visible; max-height: 400px; }

.detail-content .content .sideber-box .two-open .title-two .open-icon { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }

.detail-content .content .sideber-box .select { background: #1B56DD; color: #fff !important; }

.detail-content .content .content-box { flex: 1; padding: 4em; font-size: 15px; font-weight: 400; color: #666666; line-height: 26px; word-break: break-all; }

.detail-content .content .content-box .content-title { font-size: 26px; font-weight: 500; margin-bottom: 1em; color: #1b56dd; }

@media screen and (max-width: 1690px) { .section-one .c-top2 .row { flex-wrap: wrap; }
  .section-one .c-top2 .row dl { width: calc((100% - 60px) / 5); }
  .shuzhi-item .bottom .text { font-size: 14px; line-height: 24px; }
  .shuzhi-item .bottom .logo { height: 31px; } }

@media screen and (max-width: 1660px) { .solution-content-item .card-item { width: calc((100% - 60px) / 3); } }

@media screen and (max-width: 1630px) { .header { padding-left: 23px; }
  .header .container .header-right .user-info-box { padding: 0 30px; }
  .index-container { width: 1320px; } }

@media screen and (max-width: 1570px) { .header .container .header-right .reg-box { margin-left: 30px; }
  .header .container .header-right .user-info-box { padding: 0 20px; }
  .header .container .header-right .user-info-box > a { margin-left: 12px; }
  .contact-part { background-position-x: 52%; } }

@media screen and (max-width: 1590px) { .section-zhishu .slideTxtBox .bd .zs-box .right > p { font-size: 18px; margin-bottom: 15px; line-height: 22px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > span { font-size: 14px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right .more span { font-size: 14px; }
  .shuzhi-item .bottom .text { font-size: 15px; line-height: 26px; }
  .shuzhi-item .bottom .logo { height: 41px; bottom: 8%; }
  .related-cases-item { width: 47.2% !important; height: calc(((56vw + 5px) / 2) * 1.295) !important; max-height: inherit; } }

@media screen and (max-width: 1545px) { .header .container .header-nav-wrap .header-nav-item { padding: 0 1.3vw; } }

@media screen and (max-width: 1490px) { .section-rz .row dl dd { font-size: 14px; }
  .header .container .header-nav-wrap .header-nav-item { padding: 0 1.2vw; }
  .header .container .header-right .reg-box { width: 180px; }
  .section-one .c-top { flex-wrap: wrap; justify-content: flex-start; }
  .section-one .c-top .item { width: calc(33.3% - 30px); margin: 8px 5px; }
  .section-solution .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt .more { bottom: 30px; }
  .section-news .slideTxtBox .bd .new-box .bottom { padding: 20px 16px; }
  .section-news .slideTxtBox .bd .new-box .bottom > p { font-size: 18px; }
  .section-news .slideTxtBox .bd .new-box .bottom > span { font-size: 14px; }
  .section-news .slideTxtBox .bd .new-box .bottom .bottom-list { width: calc(100% - 32px); bottom: 20px; }
  .section-news .slideTxtBox .bd .new-box .bottom .bottom-list span { font-size: 14px; } }

@media screen and (max-width: 1450px) { .section-one .one-middle .one-intro { flex-wrap: wrap; justify-content: flex-start; }
  .section-one .one-middle .one-intro li, .section-one .one-middle .one-intro > .intro-box { margin: 10px 0; padding: 0 20px; width: calc((100% - 48px) / 3); justify-content: flex-start; }
  .section-one .one-middle .one-intro li:nth-child(3), .section-one .one-middle .one-intro > .intro-box:nth-child(3) { border-right: 0; }
  .section-one .one-middle .one-intro li .right-text, .section-one .one-middle .one-intro > .intro-box .right-text { font-size: 16px; }
  .solution-content-item .card-item { width: calc((100% - 40px) / 2); } }

@media (max-width: 1440px) { .shuzhi-item .bottom .text { -webkit-line-clamp: 3; line-clamp: 3; }
  .header .container .header-right .reg-box { margin-left: 20px; }
  .container { width: 1150px; }
  .top-banner { height: 400px; background-size: cover; background-repeat: no-repeat; }
  .top-banner .left h2 { font-size: 36px; }
  .top-banner .left a { margin-top: 40px; }
  .com-title h2 { font-size: 30px; margin-bottom: 18px; }
  .counter-wrap { height: 50px; }
  .counter-wrap .counter { font-size: 50px; }
  .counter-wrap i { font-size: 26px; }
  .related-products-item li a .img { width: 120px; height: 120px; }
  .related-products-item li a .txt h3 { font-size: 20px; }
  .related-products-item li a .txt p { font-size: 14px; }
  .advantage-title { font-size: 26px; }
  .f-right { padding-left: 3%; }
  .section-one .one-bottom .row dl dd .ul-datas li { margin-left: 6px; margin-right: 6px; }
  .section-one .one-bottom .row dl dd .ul-datas li .img-con { height: 22px; }
  .section-solution .slideTxtBox .my-swiper-content .swiper-button-next { margin-right: -650px; }
  .section-solution .slideTxtBox .my-swiper-content .swiper-button-prev { margin-left: -650px; }
  .cooperative-step .co-step-box .co-step-item .card { width: 150px; height: 150px; }
  .cooperative-step .co-step-box .co-step-item .card .title .text { font-size: 14px; }
  .scene-con { width: 80% !important; }
  .scene-con .s-item h2 { font-size: 20px; }
  .scene-con .s-item h2::after { background-size: 100% 100% !important; }
  .one-application-scenario .application-scenario-box-others .s-item4 h2::after { height: 45px; }
  .one-application-scenario .application-scenario-box-others .s-item2 h2::after, .one-application-scenario .application-scenario-box-others .s-item1 h2::after { width: 100%; }
  .contact-part { height: 760px; } }

@media (max-width: 1410px) { .header .container .header-nav-wrap .header-nav-item { padding: 0 1vw; }
  .header .container .header-right .reg-box { width: 150px; margin-left: 15px; } }

@media screen and (max-width: 1360px) { .section-rz .row dl dd { font-size: 12px; }
  .solution-collect-item { width: calc((100% - 60px) / 3); }
  .contact-part { height: 720px; background-position-x: 52%; } }

@media (max-width: 1350px) { .header .container .header-nav-wrap .header-nav-item { padding: 0 0.8vw; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product { width: 925px; height: 367px; display: flex; flex-flow: column wrap; column-gap: 50px; }
  .bonree-index .card-box .card-item { width: calc((100% - 40px) / 2); }
  .section-zhishu .slideTxtBox .bd .zs-box { height: auto; min-height: 245px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right { min-height: 245px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > p { font-size: 24px; line-height: 34px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > span { font-size: 15px; margin-bottom: 36px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right .more span { font-size: 15px; } }

@media (max-width: 1300px) { .search-input .search { width: 207px; }
  .header .container .header-nav-wrap .header-nav-item { padding: 0 0.5vw; }
  .header .container .header-right .phone-number { font-size: 16px; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-button-next { right: 0; margin-right: 0; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-button-prev { margin-left: 0; left: 0; } }

@media (max-width: 1260px) { .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide { width: calc(100% / 3) !important; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover { width: calc(100% / 3) !important; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:last-child:hover { transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt { display: none; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover { display: block; }
  .one-advance .advance-box-content .advance-item { width: 410px; }
  .one-advance .advance-box-content .advance-item span { font-size: 14px; } }

@media (max-width: 1240px) { .header .container .header-nav-wrap .header-nav-item { padding: 0 0.4vw; }
  .contact-part { height: 680px; background-position-x: 60%; } }

@media (min-width: 1201px) { .header-nav { display: block !important; } }

@media (max-width: 1200px) { .header.in .container .navbar-toggle .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .header.in .container .navbar-toggle .icon-bar:nth-child(2) { width: 0; }
  .header.in .container .navbar-toggle .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -8px; }
  .header.in .container .header-nav-wrap .header-nav-item > a { color: #333333 !important; }
  .header .container { position: relative; }
  .header .container .navbar-toggle { display: block; }
  .header .container .header-nav-wrap .header-nav { display: none; position: fixed; width: 100%; left: 0; top: 85px; height: auto; background: #FFFFFF; }
  .header .container .header-nav-wrap .header-nav-item { margin: 0 18px; display: block; border-bottom: 1px solid #d9d9d9; }
  .header .container .header-nav-wrap .header-nav-item > a { line-height: 45px; }
  .header .container .header-nav-wrap .header-nav-item > i { position: absolute; right: 0; top: 0; height: 44px; font-size: 18px; cursor: pointer; width: calc(100% - 80px); text-align: center; display: flex; align-items: center; justify-content: flex-end; }
  .header .container .header-nav-wrap .header-nav-item .open-icon { display: inline-block; width: 16px; height: 16px; background: url("../images/open-icon.svg") no-repeat; background-position: right; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s; }
  .header .container .header-nav-wrap .header-nav-item .drop-down { position: relative; top: 0; background: unset; box-shadow: unset; width: 100%; }
  .header .container .header-nav-wrap .header-nav-item .drop-down::before { display: none; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side { padding: 10px 15px 30px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product { width: 100%; padding: 10px 15px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-customer { width: 100%; padding: 0 15px 10px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-customer .customer-ul { margin-top: 10px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-customer .customer-ul:first-child { height: auto; margin-top: 10px; }
  .header .container .header-nav-wrap .active .layui-icon .open-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
  .header .container .header-right .btn-phone { width: 20px; height: 20px; margin-right: 2px; }
  .header .container .header-right .reg-box { display: none; }
  .container { width: 90%; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-button-next, .section-solution-new .slideTxtBox .my-swiper-content .swiper-button-prev { display: none; }
  .section-solution-new .slideTxtBox .my-swiper-title .swiper-button-next, .section-solution-new .slideTxtBox .my-swiper-title .swiper-button-prev { display: flex; }
  .section-one .c-top2 .row { justify-content: flex-start; gap: 24px; }
  .section-one .c-top2 .row dl { width: calc((100% - 60px) / 3); margin: 10px 0; }
  .section-one .one-middle .one-intro li { width: calc(50% - 10px); border-right: 0; }
  .section-one .one-middle .one-intro li .right-text { font-size: 14px; }
  .section-one .one-middle .one-intro li:nth-of-type(2n) { border-right: 0; }
  .section-one .one-middle .one-intro li:nth-of-type(3n) { border-right: 1px solid #ffffff; }
  .section-one .one-bottom .row { flex-direction: column; }
  .section-one .one-bottom .row dl { width: 100%; }
  .section-one .one-bottom .row dl dd { border-right: 0; }
  .section-one .one-bottom .row dl:nth-child(2) dd { padding-right: 0; padding-left: 0; }
  .section-case .custom-box .custom-item, .section-case .list .custom-item { width: calc((100% - 64px) / 4); }
  .section-rz .row { flex-wrap: wrap; justify-content: flex-start; }
  .section-rz .row dl { width: calc(100% / 3); }
  footer .container .f-top, footer .container .friendly-link, footer .container .f-bottom { padding-left: 16px; padding-right: 16px; }
  .f-right { padding-left: 2%; }
  .advantage-ul li h3 { font-size: 18px; }
  .advantage-ul li p { max-width: 255px; transform: scale(0.9); }
  .f-left .contact-con p { font-size: 14px; }
  .related-cases-item { height: calc(((60vw + 5px) / 2) * 1.295) !important; }
  .details-cons-left { width: calc(100% - 350px); }
  .details-cons-right { width: 280px; }
  .case-box { height: 280px; }
  .case-box .case-book { width: 218px; height: 220px; }
  .news_content .news-item .right h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .one-advance .advance-box-content .advance-item { width: 320px; }
  .one-advance .advance-box-content .advance-item span { display: none; }
  .cooperative-advance .co-advance-box .co-advance-item .top { padding: 40px 0 18px; }
  .cooperative-advance .co-advance-box .co-advance-item .top .title { margin-top: 24px; }
  .cooperative-advance .co-advance-box .co-advance-item .bottom { padding: 10px 26px 40px; }
  .cooperative-step .co-step-box { flex-wrap: wrap; }
  .cooperative-relative .co-relative-box .co-img { width: calc((100% - 80px) / 5); }
  .search-left { width: 210px; min-width: 210px; }
  .search-right { padding: 40px 25px; }
  .search-right > .search-input { margin-bottom: 45px; } }

@media screen and (max-width: 1100px) { .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide { width: calc(100% / 2) !important; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover { width: calc(100% / 2) !important; }
  .section-one .c-top { flex-wrap: wrap; justify-content: flex-start; }
  .section-one .c-top .item { width: calc(50% - 20px); }
  .section-one .one-bottom .row dl { width: 100%; }
  .section-one .one-bottom .row dl dd { border-right: 0; }
  .one-application-scenario .application-scenario-box-others .scene-con-img { background-size: 230px auto; }
  .one-application-scenario .application-scenario-box-others .s-item p { font-size: 16px; line-height: 24px; }
  .shuzhi-item .bottom { min-height: auto; }
  .shuzhi-item .bottom .text { font-size: 14px; line-height: 24px; }
  .shuzhi-item .bottom .logo { height: 38px; bottom: 6%; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > p { font-size: 20px; line-height: 24px; }
  .company-box { font-size: 14px; }
  .honor-cons .honor-item p { font-size: 16px; }
  .honor-cons .honor-item h4 { font-size: 16px; } }

@media (max-width: 1024px) { .section-one .one-middle .one-intro > .intro-box .right-text { font-size: 13px; }
  .section-solution .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txt { padding-right: 20px; }
  .advantage-ul li h3 { font-size: 14px; }
  .pr-ul li { width: calc(33.33% - 30px); }
  .counter-wrap { height: 40px; }
  .counter-wrap .counter { font-size: 40px; }
  .counter-wrap i { font-size: 20px; }
  .advantage-ul li { padding: 0 calc(14px + 2vw); }
  .advantage-ul li:first-child { padding: 0 calc(14px + 1.3vw); }
  .advantage-ul li p { max-width: 196px; }
  .advantage-title { font-size: 22px; margin: 28px 0 20px; }
  .commendation-letter-box { width: 47.2%; }
  .f-left .contact-con p { font-size: 16px; }
  footer .f-top { justify-content: center; }
  footer .f-top .f-left { display: flex; flex-direction: column; align-items: center; }
  footer .f-top .f-left .logo { margin-bottom: 20px; }
  footer .f-top .f-left .contact-con, footer .f-top .f-left .ewm-wrap > p { text-align: center; }
  footer .f-top .f-right { display: none; }
  footer .f-bottom { text-align: center; }
  .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 53px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { font-size: 30px; padding-left: 20px; border-left: none; }
  .shuzhi-item { width: 49% !important; height: calc(((80.6vw + 5px) / 2) * 1.295) !important; max-height: inherit; }
  .shuzhi-item .bottom { height: 32%; padding: 0 5% 0; } }

@media screen and (max-width: 1014px) { .shuzhi-item .bottom .text { font-size: 15px; line-height: 26px; }
  .shuzhi-item .bottom .logo { height: 41px; bottom: 10%; }
  .section-news .slideTxtBox .bd { flex-wrap: wrap; }
  .section-news .slideTxtBox .bd .new-box { width: calc((100% - 44px) / 2); }
  .section-news .slideTxtBox .bd .new-box .top { height: calc(14px + 20vw); }
  .related-cases-item { height: calc((50vw + 5px) * 1.295) !important; }
  .details-cons { flex-direction: column; }
  .details-cons-left { width: 100%; }
  .details-cons-right { width: 100%; margin-top: calc(14px + 4vw); }
  .details-cons-right h4 { text-align: center; margin-bottom: calc(14px + 1vw); }
  .details-cons-right .case-set { display: flex; flex-wrap: wrap; }
  .details-cons-right .case-set .case-box { width: calc(30.5%); height: auto; margin: 4% 1.4%; padding-bottom: calc(14px + 1.5vw); }
  .details-cons-right .case-set .case-box .case-book { min-width: 150px; width: 80%; height: auto; }
  .video-center-box .video-center-item { width: calc((100% - 40px) / 2); }
  .one-functions-box .one-functions-item { width: calc((100% - 40px) / 2); }
  .related-products-item li > a .img { width: 100px; height: 100px; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item { padding: 5% 75px; height: auto; max-height: inherit; flex-direction: column; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .txt { padding-right: 0; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .txt p { text-align: center; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .pro-img { width: 80%; text-align: center; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide:nth-child(2n+1) .item { flex-direction: column; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide:nth-child(2n+1) .item .pro-img { margin-left: 0; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide:nth-child(2n+1) .item .txt { padding-left: 0; }
  .news-detail { flex-direction: column; }
  .news-detail .news-left { width: 100%; }
  .news-detail .news-right { width: 100%; }
  .news-detail .news-right .hot-articles { display: flex; flex-wrap: wrap; }
  .news-detail .news-right .hot-articles a { width: calc((100% - 24px ) / 2); margin: 0 5px 5%; }
  .search-right > .search-input { flex-wrap: wrap; }
  .search-right > .search-input > p { margin-top: 8px; }
  .search-right > .search-input .input-box { width: 100%; margin-right: 0; }
  .search-right > .search-input .search { width: 100%; }
  .target-banner { height: 212px; }
  .target-banner .search { margin-top: 1em; } }

@media (max-width: 992px) { .recruit .customer-box .content-box .page-content table tr { width: calc((100% - 60px) / 2) !important; }
  .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 53px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { font-size: 30px; padding-left: 20px; border-left: none; }
  .banner-wrap .swiper-horizontal > .swiper-pagination-bullets, .banner-wrap .swiper-pagination-bullets.swiper-pagination-horizontal, .banner-wrap .swiper-pagination-custom, .banner-wrap .swiper-pagination-fraction { bottom: 10px; }
  .section-zhishu .slideTxtBox .bd .zs-box { margin: 10px; width: calc((100% - 40px) / 2); min-height: auto; align-items: center; }
  .section-zhishu .slideTxtBox .bd .zs-box .left { min-width: 150px; width: 33.3%; height: auto; }
  .section-zhishu .slideTxtBox .bd .zs-box .right { min-height: auto; }
  .section-zhishu .slideTxtBox .bd .zs-box .right .more { position: relative; bottom: 0; }
  .news_content { flex-direction: column; }
  .news_content .news-left { width: 100%; }
  .news_content .news-right { width: 100%; margin-top: 6%; }
  .tabs-basic .tabs-content-placeholder > div.tab-content-active { display: block; }
  .tabs-basic .iframe1, .tabs-basic .iframe2, .tabs-basic .iframe3 { border: none; width: 100%; }
  .tabs-basic a { padding: 16px; }
  .top-banner .right { height: 60%; } }

@media screen and (max-width: 970px) { .section-one .one-middle .one-intro > .intro-box { width: calc(50% - 10px); border-right: 0; }
  .index-news .news-item { width: calc((calc(100% - 40px) / 2)); } }

@media screen and (max-width: 950px) { .header .container .header-nav-wrap .header-nav-item .drop-down-product { column-gap: 20px; } }

@media screen and (max-width: 900px) { .ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item, .ask-answer .ask-and-answer .list .ask-and-answer-list-item { width: calc((100% - 40px) / 2); }
  .ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item p, .ask-answer .ask-and-answer .list .ask-and-answer-list-item p { font-size: 18px; }
  .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item, .ask-and-answer .list .ask-and-answer-list-item { width: calc((100% - 40px) / 2); }
  .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom p, .ask-and-answer .list .ask-and-answer-list-item .bottom p { font-size: 18px; }
  .related-products-item li { padding-right: 0; }
  .related-products-item li > a { padding: 20px 10px; }
  .related-products-item li > a .img { width: 80px; height: 80px; }
  .one-advance .advance-box-content .advance-item { width: 100%; }
  .one-advance .advance-box-content .advance-item p { font-size: 18px; line-height: 26px; }
  .one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper .swiper-slide span { padding: 21px 15px; }
  .card-box .card-item, .bonree-index .card-box .card-item { width: 100%; margin: 10px 0; }
  .search-right .search-result-list .result-content .page_ctrl { width: 80%; }
  .detail-banner .container > div { display: block; }
  .detail-banner .container > h2 { margin-top: 12px; margin-right: 0 !important; }
  .company-profile { flex-direction: column; }
  .company-profile .company-profile-video { width: 100%; }
  .company-profile .company-profile-video .company-profile-video-bg { position: unset; width: 100%; }
  .company-profile .company-profile-video .play-btn { width: 12vw; height: 12vw; }
  .company-profile .company-profile-des { width: 100%; } }

@media screen and (max-width: 850px) { .shuzhi-item .bottom { height: 36%; padding: 5% 5% 8%; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product { column-gap: 10px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .pro-class { font-size: 15px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list .list-left { font-size: 18px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list .list-left i { font-size: 18px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list .list-right { font-size: 14px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-title { margin-bottom: 8px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-item { font-size: 14px; }
  .section-case .custom-box .custom-item, .section-case .list .custom-item { width: calc((100% - 48px) / 3); }
  .one-advance .advance-box .other-advance-box-content .item { width: calc((100% - 40px) / 2); }
  .news-detail .news-left .news-bottom { flex-direction: column; }
  .news-detail .news-left .news-bottom .more { position: relative; top: 0; margin-top: 6px; }
  .target-content .content-box .target-box .metric-box { width: 48%; } }

@media screen and (max-width: 810px) { .section-zhishu .slideTxtBox .bd .zs-box { width: 100%; margin: 25px 0; }
  .section-zhishu .slideTxtBox .bd .zs-box .left { top: -32px; height: auto; } }

@media screen and (max-width: 800px) { .related-cases-item { width: 97.2% !important; }
  .one-function .fun-box .fun-item { flex-direction: column; margin-bottom: 6.5vw; }
  .one-function .fun-box .fun-item .img-box { width: 80vw; margin-bottom: 3%; }
  .one-function .fun-box .fun-item:nth-child(2n) { flex-direction: column; }
  .one-function .fun-box .fun-item:nth-child(2n) .img-box { margin-right: 0; }
  .one-function .fun-box .fun-item .text-box p { text-align: center; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item { padding: 4% 22px; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .txt p { font-size: 18px; line-height: 28px; margin-bottom: 15px; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-wrapper .swiper-slide .item .txt span { margin-bottom: 15px; }
  .top-banner .left h2 { line-height: 1.4; } }

@media screen and (min-width: 780px) { .container.search .search-left .search-list { left: 0 !important; } }

@media screen and (max-width: 780px) { .section-one .c-top2 .row { gap: 0; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product { column-gap: 10px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-left { margin-right: 6px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right { min-height: 100%; padding: 15px; padding-left: 0; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > p { font-size: 15px; line-height: 20px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > span { font-size: 14px; margin-bottom: 36px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right .more { bottom: 15px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right .more span { font-size: 12px; }
  .section-news .slideTxtBox .bd .new-box .bottom { padding-left: 16px; }
  .section-news .slideTxtBox .bd .new-box .bottom > p { font-size: 15px; line-height: 1.5; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
  .section-news .slideTxtBox .bd .new-box .bottom > a { font-size: 14px; margin: 18px 0 47px 0; line-height: 1.5; }
  .section-news .slideTxtBox .bd .new-box .bottom > span { font-size: 12px; line-height: 1.5; }
  .section-news .slideTxtBox .bd .new-box .bottom .bottom-list { padding-top: 10px; }
  .section-news .slideTxtBox .bd .new-box .bottom .bottom-list span { font-size: 12px; }
  .section-rz .row { flex-wrap: wrap; justify-content: flex-start; }
  .section-rz .row dl { width: calc(100% / 2); }
  .shuzhi-item { height: auto !important; }
  .shuzhi-item .top { padding-bottom: 0; }
  .shuzhi-item .bottom .text { font-size: 14px; line-height: 20px; }
  .shuzhi-item .bottom .logo { height: 30px; }
  .details-cons-right .case-set .case-box { width: 47.2%; }
  .related-cases-item { height: calc((60vw + 5px) * 1.295) !important; }
  .container.search { flex-direction: column; }
  .container.search .search-left { padding: 0; min-height: 40px; overflow: hidden; background: #ffffff; display: flex; align-items: center; position: relative; width: calc(100% - 80px); }
  .container.search .search-left .left, .container.search .search-left .right { display: block; position: absolute; }
  .container.search .search-left .left { left: 0; }
  .container.search .search-left .right { right: 0; }
  .container.search .search-left > span { display: none; }
  .container.search .search-left .search-list { display: flex; }
  .container.search .search-left .search-list .search-list-item { border-bottom: 5px solid #ffffff; padding: 24px 16px; }
  .container.search .search-left .search-list .search-list-item.on { background: #FFFFFF; border-bottom: 5px solid #1b56dd; }
  .container.search .search-left .search-list .search-list-item.on .search-list-item-a { color: #333; }
  .container.search .search-left .search-list .search-list-item-a { width: max-content; }
  .container.search .search-right { padding: 40px 0; } }

@media (max-width: 768px) { .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide { width: calc(100%) !important; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover { width: calc(100%) !important; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product { height: auto; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box { width: 100%; margin-bottom: 16px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .pro-class { font-size: 14px; margin-bottom: 12px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list { margin-bottom: 10px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list:nth-last-of-type(1) { margin-bottom: 0px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-right { display: flex; align-items: center; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-right .pro-name { margin-bottom: 0; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-right .pro-des { display: flex; align-items: center; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-product .pro-box .list-right .pro-des .hot { width: 28px; height: 13px; margin-left: 5px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-customer { height: 390px; }
  .header .container .header-nav-wrap .header-nav-item:nth-child(2) .drop-down-side { padding: 10px 15px 10px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .solution > ul > li, .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .about-us > ul > li, .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .news > ul > li, .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > a, .header .container .header-nav-wrap .header-nav-item .drop-down-side .resources > ul > li { margin-bottom: 20px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-ul { width: 30%; margin-right: 16px; margin-top: 0; margin-bottom: 16px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-ul:first-child { margin-top: 0; margin-bottom: 16px; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-ul .customer-title { margin-bottom: 0; }
  .header .container .header-nav-wrap .header-nav-item .drop-down-side .customer-ul .customer-item { margin-top: 10px; }
  .banner-wrap .swiper-common { height: auto; }
  .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 53px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { font-size: 30px; padding-left: 20px; border-left: none; }
  .banner-wrap .banner-txt p { font-size: 15px; }
  .com-title h2 { font-size: 24px; margin-bottom: 10px; line-height: 1.2; }
  .section-one { padding: calc(14px + 7vw) 0 calc(14px + 4.2vw); }
  .section-one .c-top { margin-top: 3.5vw; }
  .section-one .c-top .item { width: 100%; }
  .section-one .c-top2 { margin-top: 3.5vw; }
  .section-one .c-top2 .row dl { width: calc(50% - 10px); }
  .section-one .c-top2 .row dl:nth-child(odd) { margin: 10px 10px 10px 0; }
  .section-one .c-top2 .row dl:nth-child(even) { margin: 10px 0 10px 10px; }
  .section-one .one-bottom .row dl { padding-bottom: 12px; }
  .section-one .one-bottom .row dl dt h3 { margin-top: 12px; margin-bottom: 15px; }
  .section-one .one-bottom .row dl dd { border-right: 0; height: auto; }
  .section-one .one-bottom .row dl dd .ul-datas { flex-wrap: wrap; }
  .section-one .one-bottom .row dl dd .ul-datas li { margin: 5px 10px; }
  .section-one .one-bottom .row dl dd .ul-datas li .img-con { height: 22px; }
  .section-one .one-bottom .row dl .b-top p { letter-spacing: 0.5px; }
  .section-one .one-bottom .row dl:nth-child(2) .b-top i { margin: 0 12px; }
  .section-solution-new .slideTxtBox { margin-top: 3.5vw; }
  .section-solution-new .slideTxtBox .bd { margin-bottom: 3.5vw; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-title.swiper { padding: 0 75px; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-title.swiper .swiper-wrapper { justify-content: flex-start; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-title.swiper .swiper-button-next { right: 0; background: #F4F5F8; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-title.swiper .swiper-button-prev { left: 0; background: #F4F5F8; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover { padding-right: 0; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover h2 { font-size: 22px; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover p { margin-top: 20px; margin-bottom: 37px; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .relative-production { font-size: 14px; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .relative-production span { line-height: 36px; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .product-ul { margin-bottom: 3vw; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover .product-ul .production-box { padding: 5px 10px; border-radius: 14px; font-size: 12px; }
  .section-solution-new .slideTxtBox .bd .item .my-swiper-content .swiper-wrapper .swiper-slide .item .pro-img { display: none; }
  .section-case { padding: calc(14px + 1.9vw) 0 calc(14px + 5.4vw); }
  .section-case .custom-box, .section-case .list { margin-top: 3.5vw; margin-bottom: 3vw; }
  .section-case .custom-box .custom-item, .section-case .custom-box .list .custom-item, .section-case .list .custom-item, .section-case .list .list .custom-item { width: calc((100% - 48px) / 3); }
  .section-news .slideTxtBox .bd { margin-bottom: 3vw; }
  .section-shuzhi .slideTxtBox .swiper-box { padding: 0px 42px; }
  .section-shuzhi .slideTxtBox .swiper-box .swiper-button-prev { left: -20px; }
  .section-shuzhi .slideTxtBox .swiper-box .swiper-button-next { right: -20px; }
  .section-zhishu { padding: calc(14px + 4.22vw) 0 calc(14px + 3.7vw); }
  .section-zhishu .slideTxtBox { margin-top: 3.5vw; }
  .section-zhishu .slideTxtBox .hd { margin-top: 3vw; }
  .section-zhishu .slideTxtBox .bd .zs-box .left { width: 22%; }
  .section-news { padding: calc(14px + 4.22vw) 0 calc(14px + 3.7vw); }
  .section-news .slideTxtBox { margin: 3.5vw 0 3vw; }
  .section-rz { padding: calc(14px + 4.22vw) 0 calc(14px + 3.7vw); }
  .top-banner { height: auto; padding: 20% 0; text-align: center; }
  .top-banner .left { padding-right: 0; width: 100%; }
  .top-banner .left h2 { font-size: 30px; }
  .top-banner .left p { font-size: 15px; }
  .top-banner .right { display: none; }
  .pr-ul { flex-direction: column; }
  .pr-ul li { width: 100%; }
  .pr-ul li h5 { font-size: 18px; }
  .pr-cons { text-align: center; }
  .pr-cons p { text-align: left; }
  .pr-cons img { max-width: 80%; }
  .section-advantage { padding: calc(14px + 4vw) 5%; background: url(../images/index/home-rz-mobile.png) no-repeat center; background-size: cover; }
  .section-rz-new .container { bottom: calc(-14px - 4vw); margin: 0 5%; }
  .advantage-ul { flex-direction: row; flex-wrap: wrap; }
  .advantage-ul li { margin-bottom: calc(14px + 1.8vw); }
  .advantage-ul li:first-child { width: 100%; }
  .advantage-ul li .counter-wrap { margin-bottom: calc(14px + 0.8vw); }
  .advantage-ul li p { width: 100%; text-align: center; max-width: inherit; }
  .advantage-ul li::after { display: none; }
  .advantage-ul li:last-child { margin-bottom: 0; }
  footer { padding-top: calc(14px + 4vw) 5%; }
  .management-team { flex-direction: column; align-items: center; }
  .management-team .card-item { width: 90%; padding: 6.3% 4%; min-height: 200px; margin: 5%; }
  .corporate-culture { flex-direction: column; }
  .corporate-culture .culture-item { width: 100%; margin: 8px 0; overflow: hidden; padding: 5% 0; height: auto; }
  .corporate-culture .culture-item img { height: auto; }
  .corporate-culture .culture-item .culture-cons h3 { font-size: 24px; line-height: 26px; }
  .corporate-culture .culture-item .culture-cons p { font-size: 15px; line-height: 26px; }
  .honor-cons .honor-item { width: 47.3%; }
  .honor-cons .honor-item h4, .honor-cons .honor-item p { font-size: 18px; }
  .company-address li { width: 100%; }
  .company-address li h4 { font-size: 20px; }
  .company-map .map-pos { display: none; }
  .history-box .history-swiper { height: 700px; }
  .history-box .history-swiper .img { width: 2398px; }
  .history-box .history-swiper .swiper-slide { width: 190px; }
  .news-item > a .right h3 { font-size: 16px; line-height: 24px; }
  .news-item > a .right p { line-height: 20px; }
  .video-center-box .video-center-item .bottom .desc { font-size: 18px; }
  .one-functions-box .one-functions-item .bottom .desc { font-size: 18px; }
  .page_content .related-cases-box { width: 48%; }
  .page_content .related-cases-box .bottom h3 { font-size: 18px; }
  .related-products-item li { display: flex; justify-content: center; }
  .related-products-item li > a { padding: 20px 0; }
  .related-products-item li > a .txt h3 { font-size: 18px; }
  .solution-collect-item { width: calc((100% - 40px) / 2); }
  .case-value-content { flex-wrap: wrap; justify-content: center; }
  .case-value-content .left { margin-right: 0; width: 100%; }
  .case-value-content .right { margin-top: 3%; max-width: 80%; }
  .industry-challenges-content { flex-direction: column; }
  .industry-challenges-content .industry-challenges-item { width: 100% !important; margin: 4% 0; }
  .industry-challenges-content .industry-challenges-item p { margin: 16px 0 12px; font-size: 16px; }
  .solution-content-item > p { font-size: 16px; }
  .solution-content-item > span { margin: 10px 0 0; }
  .one-advance .advance-box-content .advance-item p { font-size: 15px; line-height: 20px; }
  .one-advance .advance-box-content .advance-item.advance-item-4 { margin-top: 10px; }
  .help-doc-content-item { margin: 10px 0; padding: 20px; width: 100%; }
  .help-doc-content-item p { font-size: 16px; }
  .help-doc-content-item span { margin-top: 8px; }
  .one-application-scenario .application-scenario-box-others .scene-con { height: auto; }
  .one-application-scenario .application-scenario-box-others .scene-con-img { display: none; }
  .one-application-scenario .application-scenario-box-others .s-item { position: relative; width: 100%; top: 0; left: 0; margin: 6% 0; }
  .one-application-scenario .application-scenario-box-others .s-item h2 { font-size: 18px; }
  .one-application-scenario .application-scenario-box-others .s-item h2 span { line-height: 1.5; }
  .one-application-scenario .application-scenario-box-others .s-item h2::after { display: none; }
  .one-application-scenario .application-scenario-box-others .s-item p { width: 100%; font-size: 15px; }
  .one-application-scenario .application-scenario-box-others .s-item2, .one-application-scenario .application-scenario-box-others .s-item4 { align-items: flex-start; }
  .one-application-scenario .application-scenario-box-others .s-item2.right, .one-application-scenario .application-scenario-box-others .s-item4.right { text-align: left; }
  .one-application-scenario .application-scenario-box-others .s-item2 h2, .one-application-scenario .application-scenario-box-others .s-item4 h2 { justify-content: flex-start; }
  .one-application-scenario .application-scenario-box-others .s-item2 h2::before, .one-application-scenario .application-scenario-box-others .s-item4 h2::before { right: auto; }
  .cooperative-advance .co-advance-box { flex-direction: column; }
  .cooperative-advance .co-advance-box .co-advance-item { margin: 10px 0; width: 100%; }
  .cooperative-advance .co-advance-box .co-advance-item .top { padding: 20px 0 5px; }
  .cooperative-advance .co-advance-box .co-advance-item .top .title { font-size: 18px; margin-top: 10px; }
  .cooperative-advance .co-advance-box .co-advance-item .bottom { padding: 10px 16px 20px; font-size: 14px; }
  .cooperative-step .co-step-box .co-step-item { margin: 10px 5px 10px 0; }
  .cooperative-step .co-step-box .co-step-item .card { width: 120px; height: 120px; margin-right: 5px; }
  .cooperative-step .co-step-box .co-step-item .card img { margin-bottom: 20px; }
  .cooperative-step .co-step-box .co-step-item .card .title .index { margin-right: 2px; }
  .cooperative-relative .co-relative-box .co-img { margin: 6px; width: calc((100% - 36px) / 3); }
  .news-detail .news-left .news-cons .news-cons-top h2 { font-size: 24px; text-align: center; }
  .news-detail .news-left .news-cons .news-cons-top .detail-box { margin-top: 2%; justify-content: center; }
  .news-detail .news-left .news-cons .news-cons-top .time { font-size: 14px; }
  .news-detail .news-left .news-cons .news-cons-bottom article p { font-size: 15px; line-height: 24px; }
  .news-detail .news-left .news-cons .news-cons-bottom article img { max-width: 80%; margin: 0 10%; }
  .news-detail .news-left .news-bottom { padding: 3% 0; margin-top: 3%; }
  .news-detail .news-left .news-bottom .news-link { font-size: 14px; }
  .news-detail .news-right { width: 100%; }
  .news-detail .news-right h4 { font-size: 14px; line-height: 24px; margin-bottom: 1%; }
  .news-detail .news-right .hot-articles h5 { margin-top: 3%; font-size: 14px; line-height: 24px; }
  .news-detail .news-right .hot-articles span { font-size: 14px; line-height: 24px; }
  .news-detail .hot-news { padding: 3%; margin-bottom: 3%; }
  .label-box { margin-top: 3%; }
  .label-box .label-group i { padding: 2px 5px; margin: 3px; }
  .video-modal .video-box { width: 80%; height: 50vw; }
  .goRegister-modal .goRegister-box { width: 70%; height: 36vw; }
  #newBridge .nb-icon-right-center { top: auto !important; bottom: 0 !important; }
  #newBridge .icon-right-center { width: 90px !important; height: 90px !important; top: auto !important; bottom: 0 !important; }
  #newBridge .icon-right-center .nb-icon-wrap-base { width: 90px !important; height: 90px !important; background-size: 100% 100% !important; }
  .side-right { display: none; }
  .index-news .news-item { margin: 0; margin-bottom: 20px; width: 100%; }
  .index-news .news-item:last-child { margin-bottom: 0; }
  .index-news .news-item a .left { height: calc(14px + 35vw); }
  .contact-part { background: url(../images/about/company-address-map-mobile.png) no-repeat; background-size: cover; background-position-x: center; background-position-y: center; height: 700px; }
  .contact-part .company-box { width: fit-content; margin: 0 auto; }
  .honor-part { background: url(../images/about/trophy-mobile.png) no-repeat; background-size: cover; background-position-x: center; background-position-y: center; height: 200vw; }
  .honor-part .honor-part-container { height: 45%; top: calc(14px + 6vw); }
  .honor-part .honor-cons .honor-cons-group { width: 100%; flex-direction: column; align-items: center; }
  .honor-part .honor-cons .honor-item { width: 60%; }
  .honor-part .honor-cons .honor-item .honor-card-bg1, .honor-part .honor-cons .honor-cons .honor-item .honor-card-bg2 { width: 5vw; } }

@media (max-width: 680px) { .recruit .customer-box .content-box .page-content table tr { width: calc((100%)) !important; }
  .one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper { justify-content: flex-start; }
  .one-application-scenario .application-scenario-box .my-swiper-one-title .swiper-wrapper .swiper-slide span { padding: 15px 10px; font-size: 14px; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-button-prev { left: 0; }
  .one-application-scenario .application-scenario-box .my-swiper-one-content .swiper-button-next { right: 0; }
  .target-banner > .container > div { width: 100%; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 { font-size: 42px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 span { font-size: 24px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt p { font-size: 16px; letter-spacing: 3px; } }

@media (max-width: 650px) { .solution-content-item .card-item { width: calc(100% - 20px); padding: 20px 18px; }
  .one-advance .advance-box { margin-top: 3.5vw; }
  .one-advance .advance-box .other-advance-box-content .item { width: 100%; margin: 10px 0; }
  .one-advance .advance-box .other-advance-box-content .item p { font-size: 18px; margin-bottom: 10px; } }

@media (max-width: 615px) { .section-one .one-middle .one-intro { flex-direction: column; align-items: center; }
  .section-one .one-middle .one-intro > .intro-box { width: 260px; }
  .section-news .slideTxtBox .bd { flex-direction: column; }
  .section-news .slideTxtBox .bd .new-box { flex-direction: column; width: 100%; margin: 10px 0; border-radius: 5px; height: auto; }
  .section-news .slideTxtBox .bd .new-box .top { width: 100%; height: calc(14px + 35vw); overflow: hidden; }
  .counter-wrap { height: 32px; }
  .counter-wrap .counter { font-size: 32px; }
  .advantage-title { font-size: 20px; }
  .shuzhi-item { width: 99% !important; }
  .commendation-letter-box { width: 97.2%; }
  .management-team .card-item { min-height: auto; }
  .management-team .card-item h3 { font-size: 20px; }
  .management-team .card-item h4 { font-size: 15px; }
  .news-item > a { flex-direction: column; height: auto; max-height: initial; }
  .news-item > a .left { width: 100%; height: calc(14px + 40vw); }
  .news-item > a .right { width: 100%; margin-top: 3%; padding-bottom: 12%; }
  .video-center-box .video-center-item { width: calc(100% - 20px); }
  .video-center-box .video-center-item .bottom .desc { font-size: 15px; }
  .one-functions-box .one-functions-item { width: calc(100% - 20px); }
  .one-functions-box .one-functions-item .bottom .desc { font-size: 15px; }
  .ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item, .ask-answer .ask-and-answer .list .ask-and-answer-list-item { width: calc(100% - 20px); }
  .ask-answer .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item p, .ask-answer .ask-and-answer .list .ask-and-answer-list-item p { font-size: 15px; }
  .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item, .ask-and-answer .list .ask-and-answer-list-item { width: calc(100% - 20px); }
  .ask-and-answer .ask-and-answer-list .ask-and-answer-list-item .bottom p, .ask-and-answer .list .ask-and-answer-list-item .bottom p { font-size: 15px; }
  .product-document { padding: 6vw; }
  .product-document-content h2 { text-align: center; }
  .product-document-content .type-list { column-gap: inherit; justify-content: center; }
  .product-document-content .type-list .type-list-item { margin: 8% 4% 0 !important; }
  .product-document-content .type-list .type-list-item .icon-box { width: 110px; height: 110px; padding: 20px 22px; margin-bottom: 10%; }
  .one-advance .advance-box-content { width: 29vw; }
  .one-advance .advance-box-content .advance-box-content .advance-item p { font-size: 14px; line-height: 18px; } }

@media (max-width: 560px) { .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 45px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { display: block; font-size: 26px; padding: 20px 0 0; border: none; }
  .section-rz .row dl dt { width: 66px; height: 66px; margin-bottom: 16px; }
  .section-rz .row dl dt img { width: 100%; }
  .section-rz .row dl dd { top: 69px; font-size: 12px; }
  .related-cases-item { height: calc((70vw + 5px) * 1.295) !important; }
  .honor-cons .honor-item { width: 97.3%; }
  .details-cons-right .case-set .case-box { width: 97.2%; margin: 6% 1.4%; }
  .details-cons-right .case-set .case-box .case-book { min-width: 100px; width: 60%; left: 14%; }
  .page_content .related-cases-box { width: 100%; margin: 1% 0; }
  .page_content .related-cases-box .bottom h3 { font-size: 16px; }
  .page_content .related-cases-box .bottom p { font-size: 14px; }
  .more span { font-size: 14px; }
  .solution-collect-item { width: calc((100% - 20px) / 2); height: calc(14px + 30vw); margin: 5px; }
  .solution-collect-item span { font-size: 20px; }
  .news-detail .news-right .hot-articles a { width: 100%; margin: 0 0 3%; }
  .section-news .slideTxtBox .bd .new-box .bottom { padding: 5%; }
  .section-zhishu .slideTxtBox .bd .zs-box { flex-direction: column; margin: 20px 0; }
  .section-zhishu .slideTxtBox .bd .zs-box .left { width: 100%; margin-right: 0; text-align: center; position: relative; top: -25px; left: -16px; }
  .section-zhishu .slideTxtBox .bd .zs-box .left img { width: auto; max-width: 50%; }
  .section-zhishu .slideTxtBox .bd .zs-box .right { padding: 0 5% 5%; margin-top: -10px; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > p { text-align: center; margin-bottom: 4%; }
  .section-zhishu .slideTxtBox .bd .zs-box .right > span { margin-bottom: 5%; }
  .section-zhishu .slideTxtBox .bd .zs-box .right .more { bottom: 0; }
  .card-box .card-item { flex-direction: column; padding: 5%; }
  .card-box .card-item .left { width: 100%; margin-right: 0; text-align: center; }
  .card-box .card-item .left img { width: auto; max-width: 50%; }
  .card-box .card-item .right { width: 100%; padding-top: 10px; }
  .card-box .card-item .right h3 { font-size: 15px; text-align: center; margin-bottom: 4%; }
  .card-box .card-item .right .decs { font-size: 14px; }
  .card-box .card-item .right .more { margin-top: 5%; }
  .card-box { margin-top: 30px; }
  .bonree-index .card-box .card-item { width: 100%; margin: 20px 0; }
  .bonree-index .card-box .card-item .left { width: 100%; margin-right: 0; text-align: center; position: relative; top: -10%; left: -16px; }
  .bonree-index .card-box .card-item .right { width: 100%; margin-top: -10px; }
  .target-content .content-box .target-box .metric-box { width: 100%; }
  .detail-content .content .sideber-box { display: none; }
  .detail-content .content .content-box { padding: 2em; } }

@media (max-width: 500px) { .section-solution-new .slideTxtBox .swiper-box { padding: 0; }
  .section-solution-new .slideTxtBox .swiper-box .swiper-button-next, .section-solution-new .slideTxtBox .swiper-box .swiper-button-prev { display: none; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide { width: calc(100%) !important; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide:hover { width: calc(100%) !important; }
  .section-solution-new .slideTxtBox .my-swiper-content .swiper-wrapper .swiper-slide .item .txtHover p { font-size: 12px; }
  .pr-swiper-box.swiper-box { padding: 0 62px; }
  .pr-swiper-box .pr-swiper .swiper-slide { width: 100%; }
  .pr-swiper-box .pr-swiper .swiper-slide .logo { width: 100%; height: auto; }
  .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 45px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { display: block; font-size: 20px; padding: 20px 0 0; border: none; }
  .tabs-basic li a { padding: 12px 20px; }
  .target-banner h2 { font-size: 26px; height: 26px !important; margin-right: 0 !important; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 { font-size: 33px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 span { font-size: 16px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt p { font-size: 16px; } }

@media (max-width: 400px) { .shuzhi-item .bottom .text { line-clamp: 2; -webkit-line-clamp: 2; }
  .section-one .c-top2 .row dl dt, .section-one .c-top2 .row dl a { font-size: 12px; }
  .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 45px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { display: block; font-size: 20px; padding: 20px 0 0; border: none; }
  .banner-wrap .banner-txt p { font-size: 15px; }
  .solution-collect-item > div { padding: 0 20px; }
  .solution-collect-item span { font-size: 18px; line-height: 26px; }
  .shuzhi-item .bottom { padding: 5% 5% 36px; }
  .shuzhi-item .bottom .logo { bottom: 3%; }
  .header { padding-left: 15px; }
  .header .container .logo { width: 100px; min-width: 100px; height: auto; }
  .header .container .header-right .btn-phone { width: 18px; height: 18px; margin-right: 3px; }
  .header .container .header-right .line { margin: 0 6px; }
  .header .container .header-right .phone-number { font-size: 14px; line-height: 18px; }
  .header .container .navbar-toggle { margin: 0 15px 0 10px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 { font-size: 27px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 span { font-size: 16px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt p { font-size: 12px; } }

@media (max-width: 360px) { .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 45px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { display: block; font-size: 18px; padding: 20px 0 0; border: none; }
  .banner-wrap .banner-txt p { font-size: 13px; } }

@media (max-width: 340px) { .shuzhi-item .bottom { padding: 0 4% 0; }
  .shuzhi-item .bottom .name { font-size: 12px; }
  .banner-wrap .banner-txt { color: #ffffff; }
  .banner-wrap .banner-txt h2 { font-size: 32px; font-weight: 500; margin-bottom: 29px; }
  .banner-wrap .banner-txt h2 span { display: block; font-size: 14px; padding: 20px 0 0; border: none; }
  .banner-wrap .banner-txt p { font-size: 13px; }
  .header { padding-left: 0; }
  .header .container { width: 89%; }
  .header .container .logo { width: 75px; min-width: 75px; height: auto; }
  .header .container .header-right .btn-phone { width: 18px; height: 18px; margin-right: 0; }
  .header .container .header-right .line { margin: 0; }
  .header .container .header-right .phone-number { font-size: 12px; line-height: 18px; }
  .header .container .navbar-toggle { margin: 0 4px 0 10px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 { font-size: 16px; }
  .banner-wrap .swiper-slide .b-item .container.banner-container .banner-pic-txt h2 span { font-size: 12px; } }

.demo-button {
    width: 200px;
    height: 60px;
    margin-top: 40px;
    background: #0069EA;
    border-radius: 4px;
}
.demo-button span {
    height: 28px;
    font-size: 20px;
    font-family: "PingFang-SC-Regular";
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
}
.center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}