/* =====头部===== */ 
body {background: none;}
#c-placeholder {height: .8rem;min-height: 50px;}
.header {position: sticky; top: 0; z-index: 99; left: 0; width: 100%; transition: .5s; }
.header .headBox {max-width: 2580px; margin: auto; padding: 0 0 0 .25rem;background: rgba(255, 255, 255,1); border-bottom: 1px solid #eee; box-sizing: border-box; display: flex; justify-content: space-between; height: .8rem; min-height: 50px; transition: .5s; position: relative;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 2rem;  object-fit: contain;}
.headlogo img.logo1 {display: block;}
.headlogo img.logo2 {display: none;}

.header .headerTop {background: rgba(0, 0, 0, 0.2); padding-left: .25rem; height: 32px; line-height: 32px; }
.header .headerTop p {color: #fff;}
.header.c-style2 .headBox {transform: translateY(-32px);}

/* 导航 */
nav {width: 43.5%;height: 100%; display: flex; align-items: center;margin-right: 5%;}
nav > ul {display: flex; height: 100%; width: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #333; font-size: var(--font17); position: relative;transition: .5s;}
nav > ul > li.on > a {font-weight: 700;}
nav > ul > li:hover > a ,nav > ul > li.on > a {color: #236DEF;opacity: 1;}
/* 二级栏目下拉 */
.navSlideDown {display: none; top: 100%;left: 50%; transform: translate(-50%, -0%);position: absolute; background: #fff;width: max-content; padding: .1rem .2rem;}
.navSlideDown ul li {border-bottom: 1px solid #E9EAEB; font-size: var(--font14);}
.navSlideDown ul li:last-child {border: 0;}
.navSlideDown ul li a {display: block; padding: .1rem 0; transition: .5s;text-align: center;}
.navSlideDown ul li:hover a {color: #236DEF;}
/* 解决方案下拉 */
.soluDown {position: absolute; width: 100%; border-top: 1px solid #eee; }
.soluDown .dllist {display: flex; justify-content: space-between; padding: .3rem 0;}
.soluDown .dllist dl {margin-right: 1.2rem;}
.soluDown .dllist dl:last-child {margin-right: 0;}
.soluDown .dllist dl:first-child {max-width: 40%;}
.soluDown .dllist dl:first-child dd {float: left; width: 50%;}
.soluDown .dllist dl dt {font-weight: 700; font-size: var(--font20); border-bottom: 1px solid #eee; padding-bottom: .1rem; }
.soluDown .dllist dl dd {margin: .1rem 0;}
.soluDown .dllist dl dd a {display: block; transition: .5s;}
.soluDown .dllist dl dd a:hover {color: #236DEF;}

/* 邮箱 */
.header .re .form {margin-right: .4rem; width: 3.9rem; height: 40px; border: 1px solid #d8d8d8; padding: 0 .15rem 0 .2rem; box-sizing: border-box;}
.header .re .form input {flex: 1; width: 100%; font-size: var(--font14);color: #333;}
.header .re .form button {flex-shrink: 0;}
/* 登录 */
.header .re .login {margin-right: .36rem;}
/* 免费试用 */
.header .re .free {height: 100%; padding: 0 .42rem;background: #236def;cursor: pointer;}


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#236DEF #DDDDDD; }
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #236DEF; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
/* 了解更多 */
.more1 {padding: .13rem .36rem; color: #fff; background: #236def; border-radius: 100px; transition: .5s; display: inline-block;}
.more1:hover {box-shadow: 0 0 .1rem #236def;}
.more2 {color: #333;border: 1px solid #333333; background: none;}
.more2:active {background: #236def; color: #fff; border-color: transparent;}
.more2-1 {background: none;color: #fff; border: 1px solid #fff;}
.more3 {padding: .13rem .62rem;}
@media (any-hover: hover) {
  .more2:hover {background: #236def; color: #fff; border-color: transparent;}
  .more2-1:hover {background: #236def; color: #fff; border-color: transparent;}
}

/* 去除layui 标签切换默认样式 */
.clear-layui-tabs .layui-tabs-header {height: auto; white-space:wrap;}
.clear-layui-tabs .layui-tabs-header li {height: auto; line-height: initial; vertical-align: initial; padding: 0;display: block;text-align: left;}
.clear-layui-tabs .layui-tabs-header .layui-this:after {border: 0;}
.clear-layui-tabs .layui-tabs-header:after, .clear-layui-tabs .layui-tabs-scroll:after {display: none;}
.clear-layui-tabs .layui-tabs-body {padding: 0;}

/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; position: relative;  z-index: 1;background: #fff;}
.indexBanner .swiper1 {height: auto;}
.indexBanner .slide {height: auto;}
.indexBanner .slide .box {top:40%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {}
.indexBanner .slide .bjBox video {width: 100%; display: block; height: 100%; max-height: 100vh; object-fit: cover;}
.indexBanner .con .p1 {line-height: 1;}
.indexBanner .con .p2 {margin-top: .1rem;line-height: 1;}
.indexBanner .con .more {margin-top: .6rem; display: grid; grid-template-columns: repeat(2,auto); justify-content: flex-start; gap: .2rem;}
/* 控件 */
.indexBanner .swjt {width: .65rem; height: .65rem; background: rgba(51, 51, 51,.08); border-radius: 50%; transition: background .5s}
.indexBanner .swjt.swiper-button-prev {}
.indexBanner .swjt i {color: #fff; font-size: var(--font18);}
.indexBanner .swjt:active {background: #236DEF;}
@media (any-hover: hover) {
  .indexBanner .swjt:hover {background: #236DEF;}
}
.bannerInfo {position: absolute; bottom: 0; width: 100%; left: 0; z-index: 1; bottom: .28rem;}
.bannerInfo .info {background: rgba(255, 255, 255,.6);border-radius: 0.1rem; padding: .28rem .5rem;}
.bannerInfo .info ul {display: flex; justify-content: space-between;}
.bannerInfo .info li {display: flex;align-items: center;}
.bannerInfo .info li .icBox {width: 0.62rem;height: 0.6rem;background: rgba(255, 255, 255,.5); border-radius: 0.08rem; display: flex; align-items: center; justify-content: center;}
.bannerInfo .info li .icBox img {max-width: 50%;}
.bannerInfo .info li span {margin-left: .15rem; font-size: var(--font18); color: #333;}
.bannerInfo .info li i {width: 1px; height: 0.41rem;opacity: 0.95;background: #d8d8d8;}

.indexOne {padding: 1rem 0;}
.indexOne .box {margin-top: .7rem;}
.indexOne ul {display: flex; justify-content: space-between;}
.indexOne li {padding: .4rem; width: 32%;box-shadow: 0rem 0rem 0.2rem 0rem rgba(7,0,2,0.03);border-radius: 0.2rem;background: #ffffff; box-sizing: border-box; position: relative;}
.indexOne li .tips {position: absolute; padding: .08rem .14rem .08rem .2rem; border-radius: 0rem 0.2rem 0 0.2rem; background: #f5ebde; box-sizing: border-box; right: 0; top: 0; font-size: 12px;font-family: "Noto Sans SC";color: #bf8b48;}
.indexOne li .icBox {width: 0.7rem;height: 0.7rem;background: #EEEEF4; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center;}
.indexOne li .icBox img {max-width: 50%;}
.indexOne li .liTle {margin-top: .3rem;}
.indexOne li .text {margin-top: .3rem;}
.indexOne li .text p {margin: 5px 0; position: relative;font-style: normal;-webkit-font-smoothing: antialiased; display: flex; align-items: center; color: #565656;}
.indexOne li .text p::before {content: '\e605'; font-weight: 700; display: block; color: #236DEF; font-family: layui-icon !important;margin-right: 6px;}
.indexOne li .pirce {padding-top: .2rem; border-top: 1px solid #666666;margin-top: .3rem;}
.indexOne li .pirce .sp2 {font-family: "Noto Sans SC"; color: #D2000B;}
.indexOne li .pirce .sp3 {font-family: "Noto Sans SC"; text-decoration: line-through;color: #afafaf;}
.indexOne li .more {margin-top: .6rem; display: grid; grid-template-columns: repeat(2,1fr); gap: .15rem;}
.indexOne li .more a {padding: .08rem; text-align: center;}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0;}
.indexTwo .box {margin-top: .4rem;}
.indexTwoTabs {display: flex; justify-content: space-between; align-items: center;}
.indexTwoTabs .title {margin-right: .3rem; padding-right: .45rem !important;}
.indexTwoTabs .title::before {content: ''; height: 100%; width: 1px; background:#AFAFAF; position: absolute; right: 1px; top: 0;opacity: 0.3;}
.indexTwoTabs .title::after {content: ''; height: 100%; width: 1px; background:#fff; position: absolute; left: auto; right: 0; top: 0; display: block;}
.indexTwoTabs .title li {margin-top: .4rem !important;padding: .3rem; box-sizing: border-box;border-radius: 0.11rem; transition: 0s;}
.indexTwoTabs .title li::after {opacity: 0; content: ''; width: .3rem; height: .3rem; background: #fff;-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);position: absolute; left: auto; right: 0; top: 50%; transform: translateY(-50%) translateX(70%);}
.indexTwoTabs .title li .tle {margin-top: .2rem;}
.indexTwoTabs .title li .icBox {height: .5rem;}
.indexTwoTabs .title li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.indexTwoTabs .title li:first-child {margin-top: 0 !important;}
.indexTwoTabs .title li.layui-this {background: #fff;box-shadow: 0rem 0rem 0.3rem 0rem rgba(7,0,2,0.03);}
.indexTwoTabs .title li.layui-this::after  {opacity: 1;}
.indexTwoTabs .content {flex: 1;;}
.indexTwoTabs .content .item .conTle {font-size: var(--font18); font-weight: 700;}
.indexTwoTabs .content .item dl {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.indexTwoTabs .content .item dl dd {text-align: center;}
.indexTwoTabs .content .item dl dd:nth-child(odd) {width: 21%;}
.indexTwoTabs .content .item dl dd:nth-child(even) i {color: #dadada;}
.indexTwoTabs .content .item dl dd .tit {font-size: var(--font16);color: #333333; font-weight: 700; margin-top: .2rem;}
.indexTwoTabs .content .item dl dd .icBox {width: 0.7rem; height: 0.7rem;background: #236def;border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center;}
.indexTwoTabs .content .item dl dd .icBox img {max-width: 50%;}
.indexTwoTabs .content .item dl dd .text {margin-top: .2rem; font-size: var(--font15);}
.indexTwoTabs .content .item dl dd .text p {color: #666666;}
.indexTwo .more {margin-top: .5rem;}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1.3rem;}
.indexThre .numlist ul {display: flex; justify-content: space-between;}
.indexThre .numlist {margin-top: 1rem; padding: 0;}
.indexThre .numlist li {text-align: center;}
.indexThre .numlist li .num {display: flex; align-items: flex-end; line-height: .8;}
.indexThre .numlist li .dw {margin-left: .1rem; color: #fff;}
.indexThre .numlist li .counter {font-size: .68rem; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 700;}
.indexThre .numlist li .text {color: #fff; margin-top: .2rem;}

.indexFour {padding: 1rem 0;}
.indexFour .box {display: flex; justify-content: space-between;margin-top: .6rem;}
.indexFour .swiperBox {width: 80%;}
.indexFour .swiperBox .slide .imgBox {width: 100%;;}
.indexFour .swiperBox .slide .imgBox img {width: 100%;}
.indexFour .thumbBox {max-width: calc(100% - 80%); flex: 1; order: -1; margin-right: .8rem; position: relative;}
.indexFour .thumbBox .slide {cursor: pointer;}
.indexFour .thumbBox .slide .slideBox {display: flex;border-radius: 100px; padding: .1rem .2rem; align-items: center; transition: .5s;}
.indexFour .thumbBox .slide .icBox {width: .3rem; min-width: 20px; display: flex; align-items: center; margin-right: .12rem;}
.indexFour .thumbBox .slide .icBox img {max-width: 100%;}
.indexFour .thumbBox .slide span {transition: .5s; font-size: .18rem;}
.indexFour .thumbBox .slide.swiper-slide-thumb-active .slideBox {background: #236DEF;}
.indexFour .thumbBox .slide.swiper-slide-thumb-active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.indexFour .thumbBox .slide.swiper-slide-thumb-active span {color: #fff;}
/* 控件 */
.indexFour .thumbBox .swjt {width: 0.48rem;height: 0.49rem; background: rgba(102, 102, 102,.3); border-radius: 50%; transition: .5s; top: auto; bottom: .4rem;}
.indexFour .thumbBox .swjt i {color: #fff; font-size: .18rem;}
.indexFour .thumbBox .swjt.swiper-button-next {right: auto; left: 0; transform: translateX(150%);}
.indexFour .swjt:active {background: #236DEF;}
@media (any-hover: hover) {
  .indexFour .swjt:hover {background: #236DEF;}
}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover;padding: 1rem 0;}
.indexFive .box { margin-top: .8rem;}
.indexFive ul {display: flex; justify-content: space-between;}
.indexFive li {padding: .5rem .3rem .7rem .3rem; box-sizing: border-box; background: #ffffff;border-radius: 0rem 0.19rem 0rem 0.19rem; width: 23%;text-align: center;transition: .5s;}
.indexFive li .icBox {width: 0.7rem;height: 0.7rem;background: #2568FF; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center;}
.indexFive li .icBox img {max-width: 50%;}
.indexFive li .tit {font-size: var(--font22); font-weight: 700; margin-top: .4rem;}
.indexFive li .text {margin-top: .2rem; font-size: var(--font15); color: #666;}
.indexFive .more {margin-top: .8rem;}
@media (any-hover: hover) {
  .indexFive li:hover {transform: translateY(-.1rem);}
}

.indexSix {padding: 1rem 0; position: relative; overflow: hidden;}
.indexSix .list {margin-top: .7rem;}
.indexSix .list .item {margin-top: .3rem;}
.indexSix .list ul { display: flex; justify-content: center;}
.indexSix .list li {margin: 0 .2rem;flex-shrink: 0; width: 1.9rem; height: .9rem;    min-width: 120px;min-height: 60px; display: flex; align-items: center; justify-content: center;padding: .1rem; border-radius: .1rem; box-sizing: border-box;background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);}
.indexSix .list li img {max-width: 100%;}
.indexSix .more {margin-top: .8rem;}

.indexSen {background: url(../images/indexSen-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 .9rem;}
.indexSen .form {width: 4.65rem;height: 0.6rem; min-width: 350px; max-width: 100%; margin: auto; margin-top: .4rem; min-height: 40px; background: #ffffff; border-radius: 100px;}
.indexSen .form .le {flex: 1; padding-left: .25rem;}
.indexSen .form input {width: 100%; font-size: var(--font14);}
.indexSen .form button {background: #2568ff; border-radius: 100px; color: #fff; padding: 0 .25rem; height: 90%; margin-right: 5px; cursor: pointer;}

/* ============
========底部 */
.footer {background: #f5f7fa;}
.foterTop {padding: .7rem 0 .45rem; border-bottom: 1px solid rgba(133, 133, 133,.13); grid-template-columns: repeat(4,1fr);}
.foterTop ul {display: flex;}
.foterTop li {display: flex; align-items: center;}
.foterTop li .icBox {margin-right: .2rem;}
.foterTop li .icBox img {max-width: .45rem;}
.foterTop li .p1 {color: #364157;}
.foterTop li .p2 {color: #666; font-size: var(--font14);margin-top: 5px;}
.foterBom {display: flex; justify-content: space-between;flex-wrap: wrap; padding: .6rem 0;}
.foternav {display: flex; width: 65%; justify-content: space-between;}
.foternav dl dt {padding-bottom: .1rem;}
.foternav dl dt a {font-weight: 700;}
.foternav dl dt a {font-size: var(--font15);color: #333333;}
.foternav dd {margin: .1rem 0;}
.foternav dd a {font-size: var(--font14);color: #777;}
.foternav dd a:hover {color: #236DEF;}
.foternav dd a:active {color: #236DEF;}
.foterCode {}
.foterCode .tit {padding-bottom: .2rem;}
.foterCode .codeBox {display: flex;}
.foterCode .codeBox .item {text-align: center;}
.foterCode .codeBox .item:first-child {margin-right: .15rem;}
.foterCode .codeBox .item .text {font-size: 12px;color: #777777;margin-top: .1rem;}
.foterCopy {border-top: 1px solid rgba(215, 215, 215,.4); padding: .3rem 0;}
.foterCopy p , .foterCopy p a {color: #777777; font-size: var(--font14);}
.foterCopy p a:hover {color: #236DEF;}

/* 右侧固定内容 */
.sidebar {position: fixed; bottom: 25%; right: 10px; z-index: 100; } 
.sidebar li {position: relative; margin-top: 10px;}
.sidebar li .icBox {width: 0.68rem;height: 0.68rem; cursor: pointer; border-radius: 50%; background: #ffffff; box-shadow: 0rem 0rem 0.4rem 0rem rgba(7,0,2,0.13); display: flex; align-items: center; justify-content: center;}
.sidebar li .icBox img , .sidebar li .icBox svg {max-width: 40%;}
.sidebar li .hide {position: absolute; top: 50%; transform: translateY(-50%); width: max-content; right: 100%;background-color: #fff;box-shadow: 0 0 .2rem 0 rgba(14, 33, 97, .10);border-radius: 10px; overflow: hidden; display: none;}
.sidebar li .hide .title {padding:.1rem .3rem; background: #236DEF; text-align: center; }
.sidebar li .hide .title p {color: #fff; font-weight: 700; font-size: var(--font20);}
.sidebar li .hide .code {padding: .2rem; text-align: center;}
.sidebar li .hide .code img {width: 100%; max-width: 3rem;}
.sidebar li:hover .hide {animation: fadeIn .5s forwards; display: block;}
.layui-fixbar li {border-radius: 50%;}

/* 价格计算 */
.priceColl {position: fixed; bottom: 0; right: 10px; z-index: 101;border-radius: 0.1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(7,0,2,0.13); overflow: hidden; background: #fff;}
.priceColl {min-width:3rem;}
.priceColl .layui-collapse {border: 0;}
.priceColl .title {padding: 0 20px; height: .6rem; min-height: 40px; line-height: initial;background: #236def; display: flex; align-items: center; justify-content: center;}
.priceColl .title .tit {color: #fff; margin-left: .1rem;}
.priceColl .title i {color: #fff; top: 50%;transform: translateY(-50%); font-size: var(--font14); left: .1rem;}
.priceColl .con {padding: 0;}
.priceColl .con .layui-form {padding: 15px 22px;}
.priceColl .con .inBox {position: relative;}
.priceColl .con .inBox label {position: absolute; top: 50%; left: .2rem; transform: translateY(-50%); color: #666666; font-size: var(--font14); z-index: 10;}
.priceColl .con .inBox input {padding-left: .6rem;}
.priceColl .con input {margin-bottom: 15px; height: .46rem; min-height: 36px; font-size: var(--font14); text-align: right;}
.priceColl .con input::-webkit-input-placeholder {color: #666666;}
.priceColl .priceShow {background: url(../images/priceColl-price-bj.png) no-repeat center; background-size: cover; height:63px; min-height: 50px;}
.priceColl .priceShow > div {width: 50%; padding: 0 10px;}
.priceColl .priceShow > div span {flex-shrink: 0;}
.priceColl .priceShow .p1 span {color: #7b561f;}
.priceColl .priceShow .p2 span {color: #fff7c3;}
.priceColl .priceShow .p1 .num {color: #fe6c5e;}
.priceColl .priceShow .p2 .num {color: #fff;}


/* 弹窗 */
#c-sub-pop {display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }
#c-sub-pop .c-box {position: absolute;top: 50%; left: 50%; box-sizing: border-box; width: 50%; min-width: 700px;  max-height: 90%; max-width: 90%; overflow: auto;  border-radius: 5px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index: 1;}
#c-sub-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
#c-sub-pop .c-box .c-close { transition: all 0.5s; display: inline-flex; margin-left: auto; position: absolute; right: .1rem; top: .1rem; z-index: 1; cursor: pointer;}
#c-sub-pop .c-box .c-close img,
#c-sub-pop .c-box .c-close svg {width: 24px;height: 24px; display: block; transition: .5s;}
#c-sub-pop .c-box .c-close:hover svg path {fill: #236DEF;}
/* 内容 */
.sqtytckss {position: relative;width: 100%;}
.sqtytck_con {display: flex;flex-direction: row;border-radius: 21px;overflow: hidden;}
.sqtytck_con_fl {padding: .6rem .4rem;width: 50%;background: url("../images/sqtytckbg.png") no-repeat center;background-size: cover;}
.sqtytck_con_fl1 {color: #fff;}
.sqtytck_con_fl1 h1 {font-size: var(--font54);font-weight: bold;line-height: 1;margin-bottom: 10px;}
.sqtytck_con_fl1 h2 {font-size: var(--font38);line-height: 1;}
.sqtytck_con_fl1 h3 {font-size: var(--font18);margin: .15rem 0;}
.sqtytck_con_fl1 p {font-size: 12px;}
.sqtytck_con_fl2 {margin: .5rem 0;}
.sqtytck_con_fl2 ul {display: flex;flex-wrap: wrap;flex-direction: row;}
.sqtytck_con_fl2 ul li {width: calc((100% - .2rem) / 3);margin-right: .1rem;}
.sqtytck_con_fl2 ul li:nth-child(3n){margin-right: 0;}
.sqtytck_con_fl2 ul li .pic {width: 63px;margin: 0 auto;height: .5rem;position: relative;text-align: center;}
.sqtytck_con_fl2 ul li .pic img {max-width: 100%; max-height: 100%; object-fit: contain;}
.sqtytck_txt {text-align: center;color: #fff;margin-top: .15rem;}
.sqtytck_con_fl3 {font-size: 12px;color: #fff;}
.sqtytck_con_fr {padding: .6rem .4rem;width: 50%;background: #ffffff url(../images/smalltp.png) no-repeat bottom center;padding-bottom: 1.8rem;background-size: contain;}
.sqtytck_con_fr1{font-size: var(--font20);color: #333;font-weight: bold;text-align: center;line-height: 1;}
.sqtytck_con_fr1 span{color: #236def;}
.sqtytck_con_fr1 .tp{margin-top: .25rem;}
.sqtytck_con_fr2{margin-top: .25rem;}
.apply1 {position: relative;margin-bottom: 15px;overflow: hidden;border-radius: 8px;}
.apply1 label{position: absolute;left: 14px;top: 50%;transform: translate(0, -50%);height: 20px;}
.apply1 label svg {display: block; max-height: 100%; object-fit: contain; max-width: 100%;}
.apply1 input{width: 100%;height: .5rem;min-height: 40px;padding-left: 45px;background-color: #fff;border-radius: 8px;border: 1px solid #eee;font-size: var(--font15);color: #999;}
.apply1.applyCode img {position: absolute; top: 0; right: 0;max-width: 2rem;height: 100%; object-fit: cover;}
.apply1.applyCode input {padding-right: 2rem;}
.apply2{margin-top: .3rem;}
.apply2 input{width: 100%;height: .46rem;min-height: 40px;background-color: #236def;color: #fff;text-align: center;box-shadow: 0 0 .2rem 0 rgba(35,109,239,.38);border: none;}

@media screen and (max-width: 767px) {
  #c-sub-pop .c-box {min-width: 90%;}
  .sqtytck_con {justify-content: center; border-radius: 10px;}
 .sqtytck_con_fl {display: none;}
 .sqtytck_con_fr {width: 100%; padding-bottom: 2.5rem;}
  
}



/* =============================================================================================================================
======================================================================================================================== 内页 */
/* 内页公用样式 */
.ny-banner {position: relative;}
.ny-banner .imgBox img {width: 100%; min-height: 3.5rem; object-fit: cover;}

.aboutTle {}
.aboutTle .xian {display: inline-block;width: 0.55rem;height: 0.03rem; min-height: 2px; background: #236def; line-height: 1;}

/* ====================
============= 关于我们 */
.ny-nav {background: #fff;}
.ny-nav ul {display: flex; justify-content: center; flex-wrap: wrap;}
.ny-nav li {padding: 0 .3rem;}
.ny-nav li a {display: block; padding: .25rem 0;font-size: var(--font18); position: relative;}
.ny-nav li a::after {content: ''; width: 0; left: 50%; height: 1px; position: absolute; bottom: 0; background: #1C519B; transition: .5s;}
.ny-nav li.on a {color: #1C519B; font-weight: 700;}
.ny-nav li.on a::after {width: 100%; left: 0;}
@media (any-hover: hover) {
  .ny-nav li a:hover {color: #1C519B;}
  .ny-nav li a:hover::after {width: 100%; left: 0;}
}

.aboutOne {padding: 1rem 0;background: #f6f6f6;}
.aboutOne .box {display: flex; align-items: center; justify-content: space-between;}
.aboutOne .box .le {width: 45%;}
.aboutOne .box .re {width: 50%;border-radius: .1rem;overflow: hidden;}
.aboutOne .box .re img {width: 100%;}
.aboutOne .box .le .text {margin-top: .7rem;color: #666666; line-height: 1.8;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0 1.8rem;}
.aboutTwo ul {display: flex; justify-content: space-between;}
.aboutTwo li {margin-top: .9rem; text-align: center;}
.aboutTwo li .icBox {width: 0.7rem;height: 0.7rem; margin: auto; display: flex; align-items: center; justify-content: center;}
.aboutTwo li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.aboutTwo li .p1 {font-size: var(--font34); margin-top: .2rem; font-weight: 700; color: #fff;}
.aboutTwo li .p2 {margin-top: .1rem; font-size: var(--font18);color: #ffffff;}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.aboutFour .indexTle {text-align: center;}
.abFourSlide .hd {display: flex; justify-content: center; opacity: 0; visibility: hidden;}
.abFourthumbs {display: inline-block;}
.abFourSlide .hd li {width: auto; cursor: pointer; padding: .15rem .26rem; background: rgba(188, 188, 188,.36); line-height: 1; border-radius: 30px; color: #6A6A6A; text-align: center; font-size: var(--font18); margin-right: .4rem; transition: .5s;}
.abFourSlide .hd li:last-child {margin-right: 0;}
.abFourSlide .hd li.swiper-slide-thumb-active {background: #236def;color: #fff;}
.abFourSwiperBox > .swiper-wrapper > .swiper-slide {opacity: 0 !important;}
.abFourSwiperBox > .swiper-wrapper > .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.abFourSwiper {position: relative; padding: .3rem 0; margin: auto; padding-bottom: 1.8rem;}
.abFourSwiper .swiper-slide {width: auto; text-align: center;}
.abFourSwiper .swiper-slide .imgBox .img {padding: 0.1rem;background: #fff;box-shadow: 0rem 0rem .2rem 0rem rgba(230,230,230,0.54);transform: scale(0.9) translateY(5%); transition: .5s; }
.abFourSwiper .swiper-slide .imgBox img { display: block; width: 100%;}
.abFourSwiper .swiper-slide span {font-size: .24rem;display: block; margin-top: .2rem; color: rgba(102, 102, 102,.78);}
.abFourSwiper .swiper-slide.active .imgBox .img {transform: scale(1) translateY(0);}
.abFourSwiper .swiper-slide.active span {color: #666;}
.abFourSwiper .swjt {width: .68rem;height: .68rem; z-index: 2; left:50%; transform: translateX(-150%);  top: auto; bottom: .2rem;}
.abFourSwiper .swjt::before {content: ""; position: absolute; width: 100%; height: 100%;background: #adbac2;  z-index: -1; transform: rotate(0deg); transition: .5s;}
.abFourSwiper .swjt::after {content: ""; display: block; position: absolute; width: 100%; height: 100%;  background: #236def; z-index: -2; transform: rotate(0deg); transition: .5s;}
.abFourSwiper .swjt svg {max-width: 40%;}
.abFourSwiper .swiper-button-prev svg {transform: rotate(180deg);}
.abFourSwiper .swiper-button-next {right: auto; left: 50%; transform: translateX(50%);}
.abFourSwiper .swjt:hover::before {transform: rotate(-45deg);}
.abFourSwiper .swjt:hover::after {transform: rotate(20deg);}


/* ====================
============= 产品功能 */
html {scroll-behavior: smooth;}
.profeat-banner {position: relative;overflow: hidden;}
.profeat-banner .imgBox img {width: 100%;}
.profeat-banner .more1 {padding: .14rem .48rem; margin-top: .8rem;}

.profeat-box {position: relative;}
.profeat-box .w1300 {max-width: 70%;}
/* 左侧栏目 */
.profeat-box .profeat-nav {position: absolute; left: 3%; height: 100%; padding: .4rem 0; box-sizing: border-box;z-index: 2;}
.profeat-box .profeat-nav .nav-box {position: sticky; top: 1.2rem;background: #f8f9fb; width: 1.82rem; min-width:95px; padding: .5rem 0;}
.profeat-box .profeat-nav li {margin-top: .2rem;}
.profeat-box .profeat-nav li:first-child {margin-top: 0;}
.profeat-box .profeat-nav li a {display: flex; align-items: center; font-size: var(--font18); width: 100%; padding-left: .3rem; position: relative;}
/* .profeat-box .profeat-nav li a::before {position: absolute; left: 0; top: 0; height: 0; width: 0.05rem; content: ''; background: #236DEF; transition: .5s;} */
.profeat-box .profeat-nav li .icBox {width: .3rem; display: flex; align-items: center; justify-content: center; margin-right: .1rem;}
.profeat-box .profeat-nav li .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%); max-width: 70%;}
.profeat-box .profeat-nav li a.active {color: #236DEF;}
/* .profeat-box .profeat-nav li a.active::before {height: 100%;} */
.profeat-box .profeat-nav li a.active .icBox img {filter: grayscale(0%); -webkit-filter:grayscale(0%);}
/* 指示线跟随 */
.profeat-box .profeat-nav ul .xian {width: 0.05rem; height: 100%; position: absolute; left: 0; top: 0; background: #236DEF; transition: top .5s; opacity: 0;}
/* 右侧内容区 */
.profeat-con .item {padding: 1rem 0;}
.profeat-con .item .profeat-tle {margin-bottom: .5rem;}
.profeat-con .item .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .15rem;}
.profeat-con .item .list li {padding: .3rem; box-sizing: border-box; background: #f8f9fb;border-radius: 0.1rem;}
.profeat-con .item .list li .icBox {width: 0.57rem;height: 0.57rem; min-height: 30px; min-width: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #ffffff;}
.profeat-con .item .list li .icBox img {max-width: 50%;}
.profeat-con .item .list li .tit {font-size: var(--font22);font-weight: 700;margin-top: .2rem;}
.profeat-con .item .list li .text {margin-top: .1rem; font-size: var(--font15);}
.profeat-con .item .list li .text p {color: #666666;}
.profeat-con .item:nth-child(even) {background: #f8f9fb;}
.profeat-con .item:nth-child(even) .list li {background: #fff;}
.profeat-con .item:nth-child(even) .list li .icBox {background: #F8F9FB;}
.profeat-con .item:nth-child(even).profeatCon-four {background: url(../images/profeatCon-four-bj.jpg) no-repeat center; background-size: cover;}


/* ====================
============= 解决方案 */
.solu-banner .box .more1 {margin-top: .5rem;}
.solu-banner .box .text {max-width: 40%;}

.solu-box .solu-nav li a {justify-content: center; padding: 0;}
.solu-con .item {padding: 1rem 0;}
.solu-con .item .solu-tle {margin-bottom: .5rem;}

.solu-one ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.solu-one li {width: 48.5%; margin-bottom: .35rem; position: relative; z-index: 1; padding: .4rem; padding-right: 1.6rem;box-shadow: 0rem 0rem 0.18rem 0rem rgba(7,0,2,0.11);border: 2px solid #ffffff; }
.solu-one li .imgBox {position: absolute; width: 100%; left: 0; top: 0; height: 100%; z-index: -1;}
.solu-one li .imgBox img {width: 100%; height: 100%; object-fit: cover; object-position: right;}
.solu-one li .p1 {font-size: var(--font20);font-weight: 700;}
.solu-one li .p2 {margin-top: .2rem;color: #616161;}

.solu-con .item.solu-two {padding: 0; padding-top: 1rem;}
.solu-two .thumBox {margin-top: .5rem;}
.solu-two .swiperBox {background: #f8fafd; padding: .5rem 0;}
.solu-two .thumBox .swiper-wrapper {justify-content: space-between;}
.solu-two .thumBox .slide {width: auto; cursor: pointer;}
.solu-two .thumBox .slide .tit {color: #858585; font-size: var(--font20); padding: .25rem 0; display: inline-block; position: relative;}
.solu-two .thumBox .slide .tit::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height:0.03rem; min-height: 1.5px; background: #236DEF;}
.solu-two .thumBox .slide.swiper-slide-thumb-active .tit::after {animation: DIYWeight100 5s linear forwards;}
.solu-two .thumBox .slide.swiper-slide-thumb-active .tit {color: #333;}
.solu-two .swiperBox .slide .imgBox {width: 100%; height: 100%; border-radius: 0.1rem; overflow: hidden;}
.solu-two .swiperBox .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.solu-two .swiperBox .slide .slideBox {display: flex;justify-content: space-between; align-items: center;}
.solu-two .swiperBox .slide .le {width: 45%;}
.solu-two .swiperBox .slide .re {width: 50%;}
.solu-two .swiperBox .slide .re img {width: 100%;}
.solu-two .swiperBox .slide .p1 {font-size: var(--font30);font-weight: 700;}
.solu-two .swiperBox .slide .p2 { color: #666666;white-space: pre-line; line-height: 2;}
.solu-two .swiperBox .slide .more {margin-top: .7rem;}

.solu-thre ul {display: flex; justify-content: space-between;}
.solu-thre li {width: 19%; text-align: center; margin-top: .8rem;}
.solu-thre li .icBox {height: .6rem; margin: 0 auto;}
.solu-thre li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.solu-thre li .p1 {margin-top: .3rem; font-size: var(--font20);font-weight: 700;}
.solu-thre li .p2 {margin-top: .2rem; color: #616161;}

.solu-con .item.solu-Four {background: #242933; position: relative; padding: .7rem 0; overflow: hidden;}
.solu-Four .swiperBox1 {position: absolute; left: 0; top: 0; height: 100%; width: 35%;}
.solu-Four .swiperBox1 .swiper {height: 100%;}
.solu-Four .swiperBox1 .swiper .slide .imgBox {width: 100%; height: 100%;}
.solu-Four .swiperBox1 .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.solu-Four .tle {padding-left: 20%;}
.solu-Four .swiperBox2 {width: 78%; margin-left: auto;}
.solu-Four .swiperBox2 .swiper {margin-top: .45rem;}
.solu-Four .swiperBox2 .slide {padding: .3rem;background: #fff; height: auto;border-radius: 0.05rem;overflow: hidden;box-sizing: border-box;}
.solu-Four .swiperBox2 .slide .logo img{display: block; max-width: 100%;}
.solu-Four .swiperBox2 .slide .p1 {margin-top: .25rem;}
.solu-Four .swiperBox2 .slide .p2 {color: #3B78DE; font-size: var(--font14);}
.solu-Four .swiperBox2 .slide .text {margin-top: .3rem; font-size: var(--font14); color: #293957;}
/* 控件 */
.solu-Four .swiperBox2 .swjt { position: relative; bottom: 0; left: 0; transform: none; display: inline-flex; left: 0; right: 0; margin: 0; margin-top: .7rem; width: 0.48rem;height: 0.49rem; min-height: 36px; min-width: 36px; background: #FFFFFF; border-radius: 50%; transition: .5s;}
.solu-Four .swiperBox2 .swjt i {color: #838383;}
.solu-Four .swiperBox2 .swjt.swiper-button-prev {margin-left: 20%;margin-right: .15rem;}
.solu-Four .swiperBox2 .swjt:active {background: #3B78DE;}
@media (any-hover: hover) {
  .solu-Four .swjt:hover {background: #3B78DE;}
  .solu-Four .swjt:hover i {color: #fff;}
}

.solu-us {padding: 1.2rem 0 .8rem;}
.solu-us .more {margin-top: .5rem;}


/* ====================
============= 定价标准 */
.g-price {background: #F8F9FB url("../images/g-price-bj.jpg") no-repeat center;background-size: cover;padding: 1rem 0 .6rem;}
.g-price .g-price-container {width: 767px;margin: 0 auto;max-width: 92%;}
.g-price .g-price-container .g-price-header h2 {font-size: var(--font38);text-align: center;color: #111F33}
.g-price .g-price-container .g-price-header p {font-weight: normal;font-size: var(--font18);color: #8E8E8E;text-align: center;}
.g-price .g-price-container .g-price-header .p2 {margin-top: .4rem;}
.g-price .g-price-container .g-price-header p span {font-size: var(--font30);color: #236DEF;display: inline-block;vertical-align: bottom;margin-right: 7px;line-height: 1;}
.g-price .g-price-container .g-price-header p span.old {margin-left: 7px;color: #ACB3B8;position: relative;}
.g-price .g-price-container .g-price-header p span.old::before {display: block;position: absolute;top: 50%;width: 100%;border-top: 1px solid #787E87;content: ''}
.g-price .g-price-container .g-price-body {margin-top: .3rem;}
.g-price .g-price-container .g-price-body .left {float: left}
.g-price .g-price-container .g-price-body .right {float: right}
.g-price .g-price-container .g-price-body .accounts,
.g-price .g-price-container .g-price-body .years {width: 48.5%;height: .6rem;min-height: 45px;display: flex;align-items: center;justify-content: space-between;background: #fff;border: 1px solid #F1F1F1; border-radius: 100px;padding: 0 .25rem 0 .2rem}
.g-price .g-price-container .g-price-body .accounts label,
.g-price .g-price-container .g-price-body .years label {display: inline-block;font-weight: normal;font-size: var(--font18);}
.g-price .g-price-container .g-price-body .accounts .accounts-num-controller,
.g-price .g-price-container .g-price-body .accounts .years-num-controller,
.g-price .g-price-container .g-price-body .years .accounts-num-controller,
.g-price .g-price-container .g-price-body .years .years-num-controller {float: right}
.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span,
.g-price .g-price-container .g-price-body .years .years-num-controller span {display: inline-block;width: 30px;height: 30px;vertical-align: middle;cursor: pointer}
.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span.minus,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span.minus,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span.minus,
.g-price .g-price-container .g-price-body .years .years-num-controller span.minus {background: url(../images/setprice/buy_5.png) no-repeat center;background-size: contain;}
.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .years .years-num-controller span.minus.disabled {background: url(../images/setprice/buy_3.png) no-repeat center;background-size: contain;}
.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span.plus,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span.plus,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span.plus,
.g-price .g-price-container .g-price-body .years .years-num-controller span.plus {background: url(../images/setprice/buy_4.png) no-repeat center;background-size: contain;}
.g-price .g-price-container .g-price-body .accounts .accounts-num-controller input,
.g-price .g-price-container .g-price-body .accounts .years-num-controller input,
.g-price .g-price-container .g-price-body .years .accounts-num-controller input,
.g-price .g-price-container .g-price-body .years .years-num-controller input {width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;border: none;text-align: center;font-size: var(--font16);color: #000033;font-weight: 700;}
.g-price .g-price-container .g-price-body .price-main {margin-top: .3rem;border-radius: .1rem;overflow: hidden;padding: .45rem;padding-bottom: .6rem;background: #fff;}
.g-price .g-price-container .g-price-body .price-main .base-price {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.g-price .g-price-container .g-price-body .price-main .base-price label {font-size: var(--font18);display: inline-block;position: relative;text-decoration: line-through;color: #333}
.g-price .g-price-container .g-price-body .price-main .base-price .standard-price {float: right;position: relative}
.g-price .g-price-container .g-price-body .price-main .base-price .standard-price span {display: inline-block;vertical-align: middle;}
.g-price .g-price-container .g-price-body .price-main .base-price .standard-price span.yuan {font-size: var(--font18)}
.g-price .g-price-container .g-price-body .price-main .base-price .standard-price span.num {font-size: var(--font30);margin-left: 6px}
.g-price .g-price-container .g-price-body .price-main .base-price .standard-price span.border {position: absolute;height: 1px;left: -6px;right: -6px;top: 50%;background: #333}
.g-price .g-price-container .g-price-body .price-main .preferential-price {margin-top: .2rem;display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.g-price .g-price-container .g-price-body .price-main .preferential-price .left {float: left}
.g-price .g-price-container .g-price-body .price-main .preferential-price .left label {font-weight: 700;font-size: var(--font30);color: #111F33;display: inline-block;background: url("../images/buy-price/buy_1.png") no-repeat right center;-webkit-background-size: 24px 24px;-moz-background-size: 24px 24px;background-size: 24px 24px;padding-right: 15px}
.g-price .g-price-container .g-price-body .price-main .preferential-price .right {float: right}
.g-price .g-price-container .g-price-body .price-main .preferential-price .right span {display: inline-block;vertical-align: middle}
.g-price .g-price-container .g-price-body .price-main .preferential-price .right span.yuan {font-size: var(--font18);color: #9E9E9E;}
.g-price .g-price-container .g-price-body .price-main .preferential-price .right span.num {font-size: var(--font38); color: #236DEF;font-weight: 700;margin-left: 8px}
.g-price .g-price-container .g-price-body .price-main .promotion {margin-top: .2rem;}
.g-price .g-price-container .g-price-body .price-main .promotion span {color: #FF0000;}
.g-price .g-price-container .g-price-body .more {transform: translateY(-50%);}

.setprice-box {padding-top: 1rem;}
.setprice-nav .nav-box {position: relative;}
.setprice-nav {position: sticky; top: .8rem; z-index: 9; background: #fff;}
.setprice-nav ul {display: flex; justify-content: space-between;margin-top: .7rem;    align-items: flex-start;}
.setprice-nav li { text-align: center;}
.setprice-nav li a {display: block;padding: .3rem .2rem;}
.setprice-nav li .icBox {height: .4rem; min-height: 20px;}
.setprice-nav li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.setprice-nav li span {font-size: var(--font20); display: block; margin-top: .2rem;}
/* 指示线跟随 */
.setprice-nav ul .xian {width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background: #236DEF; transition: left .5s; opacity: 0;}

/* 内容区 */
.setprice-con > .item {padding: 1.2rem 0; box-sizing: border-box; scroll-margin-top: 1.5rem;}
.setprice-one {background: #f1f1f1;}
.setprice-one .tableBox {margin-top: .6rem; overflow-x: auto; white-space: nowrap;}
.setprice-one .tableBox table {width: 100%;border-collapse: collapse;}
.setprice-one .tableBox table thead {background: #E3E3E3;} 
.setprice-one .tableBox table tbody {}
.setprice-one .tableBox table tbody tr {background: #ffffff;}
.setprice-one .tableBox table tr th , .setprice-one .tableBox table tr td {padding: .14rem .1rem; text-align: center; margin-top: .1rem;}

.setprice-two .tableBox {margin-top: .6rem; overflow-x: auto;}
.setprice-two table {width: 100%;margin-top:.5rem;font-size:var(--font20);font-weight:500; min-width: 600px;}
.setprice-two table thead tr {background:#faf8fb}
.setprice-two table thead tr th {height:.9rem;min-height: 50px;padding:0;color:#676C73;font-weight:500;}
.setprice-two table thead tr th:nth-child(2) {font-size:var(--font24);color:#FFFFFF;background:linear-gradient(90deg, #1f64dc 0%, #78b9e9 100%);border-left:4px solid #fff;border-right:4px solid #fff;height:.4rem;min-height: 30px;padding:.25rem;}
.setprice-two table thead tr th:nth-child(2) i {background-image:url('../images/setprice/buy_2.png') ;background-repeat:no-repeat;background-size:contain;display:inline-block;width:.4rem;height:.4rem;margin-right:.08rem;vertical-align:middle}
.setprice-two table tbody tr {background:#F8F9FB;}
.setprice-two table tbody tr td {height:.8rem;min-height: 40px;padding:0;border:1px solid #DFE3E6;position:relative;padding:.15rem;}
.setprice-two table tbody tr td:first-child {text-align:center}
.setprice-two table tbody tr td:nth-child(2) {border:none;border-left:4px solid #fff;border-right:4px solid #fff;border-bottom:1px solid #236DEF;padding-left:.26rem;font-weight: 700;}
.setprice-two table tbody tr td:nth-child(2) a {position:absolute;background-image:url("../images/setprice/Frame-321.png");background-repeat:no-repeat;background-size:contain;width:.8rem;height:.8rem;margin:0;border:none;top:-8px;left:90%;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.setprice-two table tbody tr td:last-child {padding-left:.2rem;}
.setprice-two table tbody tr:nth-child(odd) {background:#f1ecf4}
.setprice-two table tbody tr:nth-child(odd) td:nth-child(2) {background-color:#e7edf8;}
.setprice-two table tbody tr:nth-child(even) td:nth-child(2) {background-color:#fafbfe}
.setprice-two table tbody tr:hover td:nth-child(2) a,
.setprice-two table tbody tr.active td:nth-child(2) a {opacity:1}
.setprice-two table tbody tr:hover td:nth-child(2) span,
.setprice-two table tbody tr.active td:nth-child(2) span {color:#236DEF}

.setprice-thre {background: #faf8fb;}
.setprice-thre .box {margin-top: .9rem;}
.setprice-thre ul {display: flex; justify-content: space-between; position: relative; z-index: 1;}
.setprice-thre ul::after {content: ''; position: absolute; width: 90%; height: 0.03rem; min-height: 2px; background: #EAEDF1; left: 5%; top: calc(86% - 75px); z-index: -1; transform: translateY(-50%);}
.setprice-thre li {text-align: center; width: 16%; max-width: 19%;}
.setprice-thre li .icBox {height: .4rem; display: flex; align-items: center; justify-content: center;}
.setprice-thre li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.setprice-thre li .p1 {margin-top: .15rem;}
.setprice-thre li .num {margin-top: .2rem; font-size: var(--font14); color: #fff;margin: auto;margin-top: .2rem; width: 30px; height: 30px;background: #0052d9; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.setprice-thre li .text {margin-top: .2rem;min-height: 75px; position: relative; background: #fff; padding: .15rem;border-radius: 0.1rem; box-shadow: 0.05rem 0.08rem 0.13rem 0.09rem rgba(7,0,2,0.06); display: flex; align-items: center; justify-content: center;}
.setprice-thre li .text::before {content: '';width: .1rem;height: .1rem;background: #fff;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);position: absolute;top: 0;left: 50%;transform: translateY(-80%) translateX(-50%);}
.setprice-thre li .text p {color: #555555;  }

.setprice-four {background: url('../images/setprice/setprice-four-bj.jpg') no-repeat center;background-size: cover; padding: 1rem 0;}
.setprice-four .swiperBox1 {position: relative; margin-top: .4rem;}
.setprice-four .swiperBox1 .slide {padding: 0 15%; box-sizing: border-box; text-align: center;}
.setprice-four .swiperBox2 {margin-top: .5rem; position: relative;}
.setprice-four .swiperBox2 .swiper {position: static;}
.setprice-four .swiperBox2 .slide {width: 30%;}
.setprice-four .swiperBox2 .slide .imgBox {text-align: center; background: #fff; padding: .1rem; border-radius: 5px; overflow: hidden;}
.setprice-four .swiperBox2 .slide .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.4; transition: .5s;}
.setprice-four .swiperBox2 .slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.setprice-four .swiperBox2 .slide.swiper-slide-active .imgBox::after {opacity: 0;}
.setprice-four .more-btn {margin-top: 1rem;}
/* 控件 */
/* 按钮 */
.setprice-four .swiperBox1 .swjt {right: 0;width: 0.48rem;height: 0.48rem; min-height: 36px; min-width: 36px; background: #FFFFFF50; border-radius: 50%; transition: .5s;}
.setprice-four .swiperBox1 .swjt i {color: #fff;}
.setprice-four .swiperBox1 .swjt.swiper-button-prev {left: 0; right: auto;}
.setprice-four .swiperBox1 .swjt:active {background: #fff;}
.setprice-four .swiperBox1 .swjt:active i {color: #333;}
/* 小圆点 */
.setprice-four .swiperBox2 .swiper-pagination {bottom: -.5rem;}
.setprice-four .swiperBox2 .swiper-pagination .swiper-pagination-bullet {width: .32rem;height: .06rem;min-height: 3px;background: #fff;opacity: .2;border-radius: .2rem; margin-right: .2rem;}
.setprice-four .swiperBox2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
@media (any-hover: hover) {
  .setprice-four .swiperBox1 .swjt:hover {background: #fff;}
  .setprice-four .swiperBox1 .swjt:hover i {color: #333;}
}


/* ====================
============= 客户案例 */
.case-banner .box .more {margin-top: .5rem;}

.caseOne {padding-top: .5rem;}
.caseOne .layui-tabs-header:after, .caseOne .layui-tabs-scroll:after {display: none;}
.caseOne .layui-tabs-header {height: auto;}
.caseOne .layui-tabs-header li {padding: 0 .15rem; padding-bottom: .3rem; margin: 0 .2rem !important; line-height: initial;}
.caseOne .layui-tabs-header li:first-child {margin-left: 0 !important;}
.caseOne .layui-tabs-header li:last-child {margin-right: 0 !important;}
.caseOne .layui-tabs-header li .icBox {height: .4rem; display: flex; align-items: center; justify-content: center;}
.caseOne .layui-tabs-header li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.caseOne .layui-tabs-header li .tit {margin-top: .15rem; font-size: var(--font18); color: #333333;}
.caseOne .layui-tabs-header .layui-this:after {border-color: #236DEF;}
.caseOne .layui-tabs-header .layui-this .icBox img {filter: brightness(0); -webkit-filter:brightness(0);}
.caseOne .layui-tabs-bar .layui-icon {width: .4rem; min-width: 30px; line-height: initial; display: flex; align-items: center;justify-content: center;}
.caseOne .layui-tabs-body {background: #f9f9f9; padding: 1rem 0;}

.caseTwo {padding: 1rem 0;background: #fcfcfc;}
.caseTwo .swiperBox {position: relative;mix-blend-mode: multiply;margin-top: .8rem;}
.caseTwo .swiper {--swiper-theme-color: #236DEF; position: static;}
.caseTwo .slide .imgBox {height: 1.1rem; padding: .1rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;mix-blend-mode: multiply;}
.caseTwo .slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply;}
/* 控件 */
.caseTwo .pagtion {bottom: -.5rem;}


/* ====================
============= 服务优势 */
.service-banner .box .more {margin-top: .5rem;}

.serviceOne {padding: 1rem 0 2rem;}
.serviceOne ul {display: flex; justify-content: space-around;}
.serviceOne li .num {margin-top: 1rem; font-size: .6rem; color: #236DEF; font-weight: 700; display: flex;line-height: .6;align-items: self-end;}
.serviceOne li .text {display: block; margin-top: .2rem; text-align: center;}

.serviceTwo .tle {margin-bottom: .6rem;}
.serviceTwo li {padding: 1rem 5%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: relative; min-height: 6rem;}
.serviceTwo li:nth-child(odd) {background: #f9f9f9;}
.serviceTwo li:nth-child(even) .w1300 {display: flex; justify-content: flex-end;}
.serviceTwo li:nth-child(even) .imgBox {left: 0; right: auto; padding-left: 5%; padding-right: 0;}
.serviceTwo li .con {width: 45%;}
.serviceTwo li .imgBox {width: 50%; position: absolute; right: 0; top: 0; padding-right: 5%; height: 100%; display: flex; align-items: center;justify-content: center; box-sizing: border-box;}
.serviceTwo li .imgBox img {max-width: 100%; max-height: 80%; object-fit: contain;mix-blend-mode: multiply;}
.serviceTwo li .text {margin-top: .4rem;}
.serviceTwo li .info {width: 45%;}
.serviceTwo li dl {display: flex; margin-top: .9rem; justify-content: space-between;}
.serviceTwo li dd {text-align: center;}
.serviceTwo li dd .icBox {height: .5rem; display: flex; align-items: center; justify-content: center;}
.serviceTwo li dd .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.serviceTwo li dd .ddp1 {margin-top: .1rem;}
.serviceTwo li dd .ddp2 {margin-top: .1rem;}

.serviceThre {padding: 1rem 0;background: #f9f9f9;}
.serviceThre .tle .text {margin-top: .3rem;}
.serviceThre .tle .text p {color: #666;}
.serviceThre .box {padding-top: .3rem;}
.serviceThre ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.serviceThre li {width: 23%; margin-top: .6rem; text-align: center;}
.serviceThre li .icBox {height: .3rem; min-height: 25px;}
.serviceThre li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.serviceThre li .p1 {margin-top: .15rem;}
.serviceThre .more-btn {margin-top: 1rem;}
/* 弹出层 */
.modal {display: none;}
.modal-open {}
.modal-open .layui-layer-content {margin: 20px;box-sizing: border-box;}
.modal-open table {width: 100%;font-size: var(--font14);text-align: center; white-space: nowrap;}
.modal-open  table th {background: #e1eaff;line-height: 30px;height: 30px;border: 1px solid #ddd;vertical-align: middle}
.modal-open  table td {line-height: 30px;height: 30px;border: 1px solid #ddd;vertical-align: middle;padding: 0 15px;}
.modal-open  table td a {color: #236DEF}

/* ====================
============= 新闻中心 */
.newslist {padding: 1rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; row-gap: .3rem;}
.newslist li {background: #f5f5f5; transition: .5s;}
.newslist li a {display: block; padding: .5rem .3rem; height: 100%;}
.newslist li .p1 {font-size: var(--font20);color: #333333; font-weight: 700;}
.newslist li .text {margin-top: .2rem; font-size: var(--font14);color: #777777;line-height: 1.8;}
.newslist li .more {font-size: var(--font14);color: #236def;margin-top: .4rem;}
@media (any-hover: hover) {
.newslist li:hover {transform: translateY(-.25rem);}
}

/* 新闻详情 */
.newsDate {background: #f9f9f9;padding: .5rem 0 1rem;position: relative; z-index: 1;}
.newsDate .newsmbx {color: #666666; padding: .4rem 0;}
.newsDate .newsmbx a {font-size: var(--font18);color: #666666;}
.newsDate .newsmbx a:hover {color: #236def;}
.newsDate .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newsDate .box .le {width: 71%;}
.newsDate .tle {padding-bottom: .35rem; border-bottom: 1px solid #CCCCCC;}
.newsDate .tle h5 {font-size: var(--font32);}
.newsDate .tle .time {font-size: var(--font16);color: #777777; margin-top: .1rem;}
.newsDate .dateCon {margin-top: .5rem;}
.newsDate .dateCon img {max-width: 100%;}
.datePage {margin-top: .8rem; background: #ffffff;border-radius: 5px; padding:.55rem .45rem; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap;}
.datePage > div {display: flex; align-items: center; font-size: var(--font16); flex-wrap: wrap;}
.datePage > div img {margin-left: .2rem;}
.datePage > div a {color: #797979;}
.datePage .prev img {transform: rotate(180deg); margin-left: 0; margin-right: .2rem;}
.datePage > div a:hover {color: #236def;}
.newsDate .box .re {background: #fff; width: 24%; padding: .4rem .3rem; box-sizing: border-box; border-radius: .1rem; position: sticky; top: 1.5rem; }
.newsDate .box .re::after {content: "";background: #236def; width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}
.newsJob .jobTle {display: flex; align-items: center; justify-content: space-between;} 
.newsJob .jobTle h6 {font-size: var(--font24);color: #333333;}
.newsJob .jobTle a {color: #666666;}
.newsJob .jobTle a:hover {color: #236def;}
.newsJob ul {margin: .5rem 0;}
.newsJob ul li {padding: .15rem 0; border-bottom: 1px solid #eee;}
.newsJob ul li a {color: #333333;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsJob ul li a:hover {color: #236def;}

/* ====================
============= 帮助中心 */
.help-banner {}
.help-banner .tips .p1 {display: inline-block;}
.help-banner .tips .list {display: inline-block;} 
.help-banner .tips .list a {color: #fff; display: inline-block; padding: 0 .1rem; border-right: 1px solid #fff; line-height: 1;}
.help-banner .tips .list a:last-child {border-right: none;}
@media (any-hover: hover) {
  .help-banner .tips .list a:hover {color: #87abea;}
}
.help-banner .box {width: 100%;text-align: center;}
.help-banner .form {width: 48%;height: 0.6rem; min-width: 350px; max-width: 100%; margin: auto; margin-top: .2rem; min-height: 40px; background: #ffffff; border-radius: 100px;}
.help-banner .form .le {flex: 1; padding-left: .25rem;height: 100%;}
.help-banner .form input {width: 100%;height: 100%; padding-left: .1rem; padding-right: .5rem;box-sizing: border-box;}
.help-banner .form button {background: #2568ff; border-radius: 100px; color: #fff; padding: 0 .5rem; height: 104%;transform: translateY(2%); margin-right:-1px; cursor: pointer;}
.helpOne {padding: .6rem 0 1rem;}
.helpOne .tle {padding-bottom: .35rem; border-bottom: 1px solid #eeeeee;}
.helpOne .list {margin-top: .4rem;}
.helpOne .list ul li {margin-bottom: .25rem;}
.helpOne .list ul li a {font-size: var(--font18);}
@media (any-hover: hover) {
  .helpOne .list ul li a:hover {color: #236def; text-decoration: underline;}
}

/* 详情 */
.helpDate.newsDate .box .le {width: 100%;}

/* 2025.6.19 */
.header .re .form,.header .re .login{display: none;}
nav{width: 65.5%;}



/* 客户案例资料录入 */
.caseOne .tableBox {display: flex; align-items: center;}
.caseOne .tableBox > p {max-width: 50%;}
.caseOne .tableBox > p img {max-width: 100%;object-fit: contain;}
.caseOne .tableBox .table1 {width: 50%;}
.caseOne .table1 td img {max-width: 100%; object-fit: contain;}
@media screen and (max-width:767px) {
.caseOne .tableBox {flex-wrap: wrap;}
.caseOne .tableBox > p {width: 100%; max-width: 100%;}
.caseOne .tableBox .table1 {width: 100%;}

}

/* 外贸通 */
.helpOne .table2 , .helpOne .table3 {width: 100%;}
.helpOne .table2 tr td , .helpOne .table3 tr td {padding: 0 .25rem;}
.helpOne .table2 tr td img , .helpOne .table3 tr td img {max-width: 100%; height: auto; object-fit: contain;}

/* .helpOne .table4 {width: 100%;}
.helpOne .table4 tr {display: flex;}
.helpOne .table4 tr td {width: 50%;} */
.helpOne .table4 , .helpOne .table5 {width: 100%;position: relative;}
.helpOne .table4 tr td img , .helpOne .table5 tr td img {max-width: 100%; height: auto !important; object-fit: contain;}
.helpOne .table4 .firstRow td:nth-child(2) {    padding-left: 2%;}
.helpOne .table4 tr:not(.firstRow) td:first-child , .helpOne .table5 tr:not(.firstRow) td:first-child {width: 60px;}


@media screen and (max-width:767px) {
  .helpOne .table2 tr , .helpOne .table3 tr {display: flex; flex-wrap: wrap;}
  .helpOne .table2 tr td , .helpOne .table3 tr td {width: 100%;}
  .helpOne .table4 , .helpOne .table5 {padding-top: 100%;display: block;}
  .helpOne .table4 .firstRow , .helpOne .table5 .firstRow {display: flex; flex-wrap: wrap; width: 100%;position: absolute;top: 0; left: 0;}
  .helpOne .table4 .firstRow td , .helpOne .table5 .firstRow td {width: 100%;height: auto;}
  .helpOne .table4 td , .helpOne .table5 td {width: calc(100% - 60px); }


}