@charset "UTF-8";
html {font-size: 16px; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: antialiased;}
html, body {margin: 0; padding: 0; width: 100%; height: 100%;color:#000000;}
body {line-height: 1.36;height: 100%; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
*, *:before, *:after {box-sizing: border-box;margin: 0;padding: 0}
input,button,select,textarea{outline:none;}
img {border: 0;max-width: 100%; max-height: 100%;vertical-align: middle;-ms-interpolation-mode: bicubic;}
ul,p,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {margin: 0;}
a, a:hover, a:focus, a:active { color: inherit; text-decoration: none!important;}
.mt8 { margin-top: 0.5rem; }
.ml10 { margin-left: 0.625rem; }
.mt10 { margin-top: 0.625rem; }
.mt16 { margin-top: 1rem; }
.mt20 { margin-top: 1.25rem; }
.mt30 { margin-top: 1.875rem; }
.mr30 { margin-right: 1.875rem; }
.ml30 { margin-left: 1.875rem; }
.mb30 { margin-bottom: 1.875rem; }
.mb50 { margin-bottom: 3.125rem; }
/*font-text*/
.opc1{opacity: .1}
.opc2{opacity: .2}
.opc3{opacity: .3}
.opc4{opacity: .4}
.opc5{opacity: .5}
.opc6{opacity: .6}
.opc7{opacity: .7}
.opc8{opacity: .8}
.opcp{opacity: .9}
h1,h2,h3 { font-weight:700; }
.font-text-10, .font-text-10-2 { font-size: 0.625rem; line-height: 1.2; }
.font-text-10-2 { height: 1.5rem;}
.font-text-12, .font-text-12-2 { font-size: 0.75rem; line-height: 1.4; color: rgba(0,0,0,.5)}
.font-text-12-2 { height: 2.1rem;}
.font-text-14, .font-text-14-2 { font-size: 0.875rem; line-height: 1.36; color: rgba(0,0,0,.6) }
.font-text-14-2 { height: 2.39rem;}
.font-text-16, .font-text-16-2 { font-size: 1rem; line-height: 1.4; color: rgba(0,0,0,.6) }
.font-text-16-2 { height: 2.8rem;}
.font-text-18, .font-text-18-2 { font-size: 1.125rem; line-height: 1.5; color: rgba(0,0,0,.8); font-family:"PingFang SC",SourceHanSansCN-Medium, SourceHanSansCN;}
.font-text-18-2 { height: 3.375rem;}
.font-text-20, .font-text-20-2 { font-size: 1.25rem; line-height: 1.5; font-family: "PingFang SC",SourceHanSansCN-Medium, SourceHanSansCN;}
.font-text-20-2 { height: 3.75rem;}
.font-text-24,.font-text-24-2 { font-size: 1.5rem; line-height: 1.5; color: rgba(0,0,0,.8);font-family: "PingFang SC",SourceHanSansCN-Medium, SourceHanSansCN;}
.font-text-24-2 { height: 4.5rem;}
.font-text-30 { font-size: 1.875rem; line-height: 1.5; color: rgba(0,0,0,.9)}
.font-text-36 { font-size: 2.25rem; line-height: 1.5; color: rgba(0,0,0,.9)}
.font-text-40 { font-size: 2.5rem; line-height: 1.5; color: rgba(0,0,0,.9)}
.font-text-48 { font-size: 3rem; line-height: 1.5; color: rgba(0,0,0,.9)}
.flex-1{flex: 1}
/*font-color*/
.font-color-h1 {color: #000000; }
.font-color-h2 {color: rgba(0,0,0,.9) }
.font-color-h3 {color: rgba(0,0,0,.86) }
.font-color-h4 {color: rgba(0,0,0,.8) }
.font-color-h5 {color: rgba(0,0,0,.6) }
.font-color-h6 {color: rgba(0,0,0,.5) }
/*公共 #24D3D6*/
.is-hover-active:hover .is-active{ color: #24D3D6!important;}
.is-hover-shadow,.is-hover{-webkit-transition:all .2s linear;transition:all .2s linear}
.is-hover-shadow:hover{-webkit-box-shadow:0 4px 0.875rem 2px rgba(49,51,55,.1);box-shadow:0 4px 0.875rem 2px rgba(49,51,55,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.container, .container-sm, .container-md, .container-lg, .container-xl {width: 100%; max-width: 1230px;}
.bg-white{ background-color: #FFFFFF}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
a.ellipsis, span.ellipsis { display: inline-block; width: 100%;}
[class*="ellipsis-"],[class*="font-text-"][class*="-2"]{display: -webkit-box;-webkit-box-orient: vertical; line-clamp:2; -webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis-3-lines{line-clamp:3; -webkit-line-clamp:3;}
.media { position: relative; width: 100%;}
.media-image { width:20%; }
.btn {background-color: transparent!important;}
.btn.is-round{ border-radius: 2.25rem}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success.focus { color: #24D3D6!important;border-color: rgba(36,211,214,.5)!important;}
.btn-light, .btn-light:hover, .btn-light:focus, .btn-light.focus { color: rgba(0,0,0,.6)!important;border-color: rgba(0,0,0,.1)!important;}
.btn-more-arrow { position: relative; color: #252B3A; padding-left:1.5rem;padding-right:3.75rem }
.btn-more-arrow:after {position:absolute;content:'';background:url("/web/images/icon-right.png") no-repeat 50%;top:0;right: 1.25rem; width:1.875rem;height: 100%;}
.btn-success.btn-more-arrow { color: #FFFFFF!important;background: #24D3D6!important; }
.btn-success.btn-more-arrow:after {background-image:url("/web/images/icon-right-w.png");}
.col,[class*="col-"] {padding-right: 0.9375rem;padding-left: 0.9375rem;}
.row:not(.row-8), .row:not(.row-10) { margin-right: -0.9375rem; margin-left: -0.9375rem;}
.row.row-8 { margin-left: -0.5rem; margin-right: -0.5rem}
.row.row-8 > [class*="col-"] { padding-right: 0.5rem;padding-left: 0.5rem;}
.row.row-10 { margin-left: -0.625rem; margin-right: -0.625rem}
.row.row-10 > [class*="col-"] { padding-right: 0.625rem;padding-left: 0.625rem;}
svg.icon {width: 1em;height: 1em;vertical-align: -0.2em; fill:currentColor;overflow: hidden;}
.img-cover { object-fit: cover; width:100%; }
.position-full { position:absolute;left: 0;top:0;bottom:0;right: 0;}
.breadcrumb { margin-bottom: 0; background: transparent; font-size: 0.875rem; color: rgba(0,0,0,.5); padding: 1.25rem 0}
/* icon-arrow */
.icon-arrow { background: #BAC498; position: relative;color: #333;width: 8px;transform:translateY(-4px);transition: transform .3s cubic-bezier(.645,.045,.355,1);}
.icon-arrow:after, .icon-arrow:before {position: absolute;content: "";left:0;right:0;height: 1.5px;transform:translateY(-50%); background-color: currentcolor;border-radius: 2px;transition: background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);}
.icon-arrow:before {transform: rotate(45deg) translateX(49%);}
.icon-arrow:after {transform: rotate(-45deg) translateX(-49%);}
/* js-gototop */
.js-gototop {position: fixed;bottom: 20px;right: 20px;z-index: 999;width: 50px;opacity: 0;visibility: hidden;display: none;-webkit-transition: .5s;transition: .5s;}
.js-gototop.active {opacity: 1;visibility: visible;display: block!important;}
/* __Pagination */
.__Pagination { border-radius: 0; margin-bottom: 5rem}
.__Pagination .page-item { padding:0.625rem;}
.__Pagination .page-item .page-link { display: inline-block; border-color:rgba(0,0,0,0.4);margin: 0; color: rgba(0,0,0,0.5); border-radius: 0; min-width:2rem;min-height:2rem; }
.__Pagination .page-item.active .page-link {background: #24D3D6;border-color:#24D3D6;color: #FFFFFF;}
.__Pagination .page-item:not(.active) .page-link:hover {background: #fff;border-color:#24D3D6;color:#24D3D6;}
.__Pagination .page-item.disabled  {cursor: not-allowed}
/*__LayoutHeader*/
.__LayoutHeader .fixed-height { background: #fff; height:4.5rem;padding: 0; }
.__LayoutHeader .logo { height:3.125rem;}
.__LayoutHeader .navbar-toggler {color:rgba(0,0,0,.85);border-color:rgba(0,0,0,.1);}
.__LayoutHeader .active > .nav-link,
.__LayoutHeader .active > .nav-link [class*="font-text-"],
.__LayoutHeader .nav-item:hover> .nav-link,
.__LayoutHeader .nav-item:hover> .nav-link [class*="font-text-"]{ color: #24D3D6!important; }
.__LayoutHeader .dropdown-menu { border: 0; border-radius: 0;}
.__LayoutHeader .nav-first > .nav-link { height:4.5rem; line-height: 4.5rem; padding:0; margin: 0 1.5rem;}
.__LayoutHeader .nav-first > .nav-menu { top:4.5rem;max-height:85vh;overflow-y: auto; background: #fff;z-index: 99999 }
.__LayoutHeader .nav-first.in > .nav-link { color: #24D3D6;border-bottom: 3px solid #24D3D6;padding: 0 2px;}
.__LayoutHeader .nav-second { width: 23.3334%;padding:1.25rem 0 1rem 2.5rem;background: #F1F2F3;}
.__LayoutHeader .nav-second > .nav-link, .__LayoutHeader .nav-second .nav-title { padding: 1.2rem;}
.__LayoutHeader .nav-second > .nav-menu  { position: absolute; left:23.3334%; top:0; right: 0;bottom: 0; }
.__LayoutHeader .nav-second.active > .nav-link, .__LayoutHeader .nav-second:hover > .nav-link{ background-color: #FFFFFF; }
.navbar-expand-xs .nav-link { padding: 0.8rem 1rem; font-size:1.25rem}

/* __LayoutFooter */
.__LayoutFooter {position:relative;width: 100%;background: #1C1C1C; color: #FFFFFF; font-size: 0.875rem; line-height: 1.36;}
.__LayoutFooter .container { padding-top: 3.125rem; padding-bottom: 3.125rem; min-height: 22.5rem;}
.__LayoutFooter .left { border-right: 1px solid rgba(255,255,255,0.2);}
.__LayoutFooter .left .logo { width: 6.25rem;}
.__LayoutFooter .left .title { min-width:6.25rem; margin-top: 2.5rem;text-align: left;font-weight: 400;color: #FFFFFF;display: inline-block;}
.__LayoutFooter .middle .title{ font-size: 1.25rem;font-weight: 500;}
.__LayoutFooter .middle .subtitle{ font-size: 1rem;margin-top: 1.25rem;font-weight: 500;}
.__LayoutFooter .middle .text { margin-top: 0.625rem; color: rgba(255,255,255,0.6); }
.__LayoutFooter .right {border-left: 1px solid rgba(255,255,255,0.2); }
.__LayoutFooter .right { padding-top: 1.25rem;padding-bottom: 1.25rem  }
.__LayoutFooter .right .img { width: 6.25rem; height: 6.25rem; }
.__LayoutFooter .right .text { margin-top: 1.25rem; margin-bottom: 0 }
.__LayoutFooter .icp { font-size: 0.75rem;padding-bottom:1.25rem;color: rgba(255,255,255, 0.5);font-weight: 400;}

/* __LayoutBanner */
.__LayoutBanner .xj-zoomImage { padding-bottom:26.05%;  color: #FFFFFF; min-height: 240px; }
.__LayoutBanner .xj-zoomImage-item { left: 0; top: 0; width: 100%; height: 100%}
.__LayoutBanner .container h1 {font-size: 2.25rem; line-height: 1.333; font-family: MicrosoftYaHeiSemibold;}
.__LayoutBanner .container h2 {font-size: 1.25rem; line-height: 1.333; font-family: MicrosoftYaHeiSemibold; font-weight: 500;}
.__LayoutBanner .container h1 + h2 { margin-top: 1.5rem; }
.__LayoutBanner.index .xj-zoomImage { padding-bottom:36.4583%; }
.__LayoutBanner .carousel-indicators li {color:rgba(255,255,255,0.9);font-size:1.25rem;padding:1.25rem;border:none;margin: 0;background-color: transparent;width: auto;height: auto;text-indent:0; }
.__LayoutBanner .carousel-indicators li.active { color: #24D3D6;font-weight: bolder; }
.__LayoutBanner .carousel-indicators li.active .line { width:6.25rem;height:1.5px;background:#24D3D6; margin-left:0.625rem;display: inline-block;}
/* xj-tag, xj-zoomImage */
.group-show-tab-id { cursor: pointer}
.is-hover-active.hover-bg:hover {background: #3DD0D4!important;}
.is-hover-active.hover-bg:hover [class*="font-text-"] {color: #FFFFFF!important;}
.xj-bg-image,.xj-zoomImage,.__LayoutSectionBox {position: relative;display:block;width: 100%;background-position:center;background-repeat: no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size: cover;}
.xj-zoomImage { position: relative;width: 100%;height: 0;padding-bottom: 63%;overflow: hidden;}
.xj-zoomImage.is-background { background: linear-gradient(179deg, #DFE0E1 0%, #F0F1F2 100%); }
.xj-zoomImage.is-background::after {position: absolute; content: "";top: 18%;left: 20%;width: 60%;height: 64%;background: #FDFDFD; filter: blur(1.875rem);}
.xj-zoomImage-item { position: absolute; top: 4%; left: 4%; width: 92%; height: 92%; display: flex; align-items: center; justify-content: center;z-index: 1}
.xj-tag {font-size: 0.625rem;display: inline-block;text-decoration:none;padding: 0.25rem 0.625rem;border-radius: 0.875rem;color: #24D3D6;border: 2px solid #24D3D6;font-weight: 500;line-height: 1.2;white-space: nowrap;}
.xj-tag:hover, .xj-tag:focus, .xj-tag:active {text-decoration:none;color: inherit;}
.xj-tag.tag-1, .xj-tag.tag-4 { color: #24D3D6; border-color: #24D3D6; background: rgba(36,211,214,0.04);}
.xj-tag.tag-2, .xj-tag.tag-5 { color: #FFAF2F; border-color: #FFAF2F; background: rgba(255,175,47,0.04);}
.xj-tag.tag-3, .xj-tag.tag-6 { color: #3EA3FF; border-color: #3EA3FF; background: rgba(62,163,255,0.04);}
/* __LayoutSectionBox */
.__LayoutSectionBox { position:relative; padding: 5rem 0; margin: 0; line-height: 1 }
.__LayoutSectionBox .header { color: rgba(0,0,0,0.9); font-weight:500;line-height: 1.333;}
.__LayoutSectionBox .header .title { font-size: 2.5rem; opacity: 0.9;font-family: SourceHanSansCN-Medium, SourceHanSansCN;;}
.__LayoutSectionBox .header .subtitle { font-size: 1.25rem;width: auto; opacity: 0.5;font-family: SourceHanSansCN-Regular, SourceHanSansCN;}
.__LayoutSectionBox .header .title + .subtitle { margin-top: 1rem;}
.__LayoutSectionBox .header + .body { margin-top: 3.75rem; }
.__LayoutSectionBox .header .arrow { color: rgba(0,0,0,0.6); font-size:1.125rem;  display: inline-block; margin-top: 1.25rem; }
.__LayoutSectionBox .body > ul { margin-top:-1.25rem; margin-bottom:-1.25rem; }
.__LayoutSectionBox .body > ul > li { padding-top:1.25rem;padding-bottom:1.25rem; }
.__LayoutSectionBox.margin-8 .body > ul { margin-top:-0.5rem; margin-bottom:-0.5rem; }
.__LayoutSectionBox.margin-8 .body > ul > li { padding-top:0.5rem;padding-bottom:0.5rem; }
.__LayoutSectionBox.is-group + .__LayoutSectionBox.is-group { padding-top:0; }

/*__CardImage*/
.__CardImage { background: #FFFFFF; border: 0.25px solid transparent; }
.__CardImage .box-default .text-box { padding: 1.25rem;}
.__CardImage.is-border { border-color: rgba(0,0,0,0.2); }
.__CardImage.is-border-radius {  border-radius: 0.5rem; }
.__CardImage.is-border-radius .xj-zoomImage { border-radius: 0.5rem 0.5rem 0 0; }
.__CardImage.key_moduleType .media { width:100%; height: 19.375rem; border-bottom: 0.25px solid rgba(0,0,0,0.2);}
.__CardImage.key_moduleType .media-image { padding: 0.625rem}
.__CardImage.key_moduleType .media-body { padding: 2.8125rem 2.5rem 0.625rem 0}
.__CardImage.key_moduleType .scene { padding: 1.5rem 1.25rem}
.__CardImage.key_moduleType .scene .logo { height: 1.5rem;}
.__CardImage.key_moduleType .scene .xj-tag { border-radius: 0; border-width: 1px;}
/*owl-carousel*/
.owl-carousel .owl-stage-outer { margin: 0 -0.25rem;}
/*.owl-carousel .owl-stage { width: 100%!important;  }*/
.owl-carousel .owl-stage:after { content: none;}
.owl-carousel .owl-stage .owl-item { padding: 0 0.25rem;}
.owl-carousel .owl-stage .owl-item .box { border: 1px solid #F9F9F9; background-color: #F9F9F9;}
.owl-carousel .owl-stage .owl-item.is_active .box { border-color: #24D3D6;}
.owl-carousel .owl-nav{ position: absolute; top: 50%; left: 0; right: 0; line-height: 1; transform: translateY(-50%); display: flex; justify-content: space-between}
.owl-carousel .owl-nav button{ border: 1px solid rgba(0,0,0,.4); color: rgba(0,0,0,.4); font-size:2.25rem; padding-bottom: 2px; background: #F9F9F9; border-radius: 50%; width:2.5rem; line-height: 2.25rem;  }
.owl-carousel .owl-nav.disabled{ visibility: hidden; }
/*__PageInfo*/
.__PageInfo .media-image { width:30%; margin-right: 3.75rem}
.__PageInfo .media-body .span-box {padding: 0.5rem 0.875rem; background: #F9F9F9; border-radius: 2px; }
.__PageInfo .__LayoutSectionBox:nth-child(odd){ background: #F6F6F6;}
.__PageInfo .__LayoutSectionBox:nth-child(odd) .__CardImage{ border:none;}
.__PageInfo .owl-carousel .owl-item .box{ height: 3.75rem;}
/*CardTopMatter*/
.CardTopMatter .font-matter-title {font-family: SourceHanSansCN-Medium, SourceHanSansCN;}
.CardTopMatter .font-matter-subtitle {font-family: SourceHanSansCN-Regular, SourceHanSansCN;}
.CardTopMatter .p-b-3 {padding-bottom: 3rem;}
/*CardAdvantageMatter*/
.CardAdvantageMatter .body .box {display: flex;flex-direction: column;align-items: center;padding: 5.625rem 2.5rem 5rem 2.5rem;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.08);}
/*CardApplicableEquipmentMatter*/
.CardApplicableEquipmentMatter {padding: 8.75rem 0 0 0; }
.CardApplicableEquipmentMatter .container{padding-top: 4.75rem;padding-bottom: 5rem;}
.CardApplicableEquipmentMatter  ul>li img {width: 7.125rem;height: 7.125rem;}
.CardApplicableEquipmentMatter  .m-13 {margin: 0 0.8125rem;}
.CardApplicableEquipmentMatter  ul>li:last-child div,.CardApplicableEquipmentMatter  ul>li:nth-child(2) div{justify-content: center}
.CardApplicableEquipmentMatter  ul>li:nth-child(3) div,.CardApplicableEquipmentMatter  ul>li:nth-child(4) div{justify-content: end}
/*CardStepMatter*/
.CardStepMatter{padding: 8rem 0;background: #F7F7F7}
/*CardCostMatter*/
.CardCostMatter .cost {padding:2.9375rem 3.75rem;font-family: SourceHanSansCN-Regular, SourceHanSansCN;font-weight: 400;color: #6E7B90;line-height: 20px;margin-bottom: 5rem;}
/*qita*/
/*CardCarouseMatter*/
.CardCarouseMatter {padding:0}
/**/
.CardActiveIcons .media-image img:last-child {display: none}
.CardActiveIcons .media:hover img:first-child {display: none}
.CardActiveIcons .media:hover img:last-child {display: block}
/*menu-list, menu-item*/
.menu-item .menu-title{ position: relative; padding: 8px 16px;margin: 4px 0;}
.menu-item .menu-title-content { flex: auto;transition: color .3s;box-sizing: border-box;font-size: 14px;line-height: 20px;}
.menu-item .menu-list{ display: none }
.menu-item.is-opened > .menu-list{ display: block!important; }
.menu-item.is-opened > .menu-title .icon-arrow{ transform:translateY(2px) }
.menu-item.is-opened > .menu-title .icon-arrow:before {transform: rotate(-45deg) translateX(49%);}
.menu-item.is-opened > .menu-title .icon-arrow:after {transform: rotate(45deg) translateX(-49%);}
.menu-item > .menu-title:before {position:absolute;content:"";bottom:0;right:0;top:0;opacity:0;transform:scaleY(.0001);transition: transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);}
.menu-item.is-active > .menu-title { background-color: #e3f7f3; color: #32bac0;}
.menu-item.is-active > .menu-title:before {border-right: 3px solid #00bc9c;opacity: 1;transform: scaleY(1);transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);}
.menu-item .menu-title:hover, .menu-item.active > .menu-title { color: #32bac0;}
/*.container, .container-sm, .container-md, .container-lg, .container-xl {background: rgba(0,0,255, 0.2)!important;}*/
/*!*page*!*/
.page-honors { background: #F9F9F9;}
.page-honors .item { padding: 2.25rem 1.875rem 1.5rem; }
.page-honors .item .image-box { margin-top: 1.5rem; height: 8.375rem }
.page-patents .__CardImage .xj-zoomImage { background: #F5F5F5;}
.page-patents .__CardImage .text-box {padding: 1rem;}
.page-modules .__LayoutSectionBox:nth-child(even){ background: #36516C;}
.page-modules .__LayoutSectionBox:nth-child(even) .__CardImage{ border:none;}
.page-modules .__LayoutSectionBox:nth-child(even) .header .title{ color: #ffffff;}
.page-modules .__LayoutSectionBox:nth-child(even) .header .arrow{ color: rgba(255,255,255,.6);}
.page-products .__LayoutSectionBox:nth-child(odd){ background: #F1F2F3;}
.page-products .media-body li { margin-top: 0.5rem; margin-bottom: 0.5rem;}
.page-products .media-image + .media-body { margin-left: 2.5rem; }
.page-products .media-body + .media-image { margin-left: 2.5rem; }
.page-company .card-xiaojiang .date { max-width: 109.375rem; }
.page-company .card-history .year .month { padding: 0.625rem 0;}
.page-company .card-history .year > .media-image{ padding-top: 1.875rem;}
.page-company .card-history .year > .media-body{ padding: 1.5rem 0; border-bottom: 0.5px solid #C6C6C6;}
.page-company .card-history .year:last-child > .media-body{ border-bottom: none;}
.page-partners .item { background: #F5F5F5; border-radius: 0.5rem; padding: 1.875rem 1.25rem}
.page-partners .item .image-box { height: 5rem; margin-bottom: 0.25rem; }
.page-platforms .card-platforms .__CardImage{ background: transparent;}
.page-platforms .card-platforms .xj-zoomImage-item { left: 23%; width: 54%; }
.page-platforms .card-platforms .xj-zoomImage:after { position:absolute;content:'';left:0; top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.2); z-index: 2}
.page-platforms .card-honors .owl-carousel .owl-nav {top: 40%;}
.page-index .card-product .media-image, .page-index .card-product .media-body { height: 5rem;  }
.page-index .card-product .categorys { padding:1.25rem 0;  -ms-flex: 0 0 23.33%;flex: 0 0 23.33%;max-width: 23.33%; background: #F1F2F3; }
.page-index .card-product .categorys .item { line-height: 3.75rem; padding-left:3.75rem; }
.page-index .card-product .categorys .item.is-active { padding-top: 1.5rem;padding-bottom: 1.5rem; background: #FFFFFF; border-left:0.25rem solid #24D3D6; }
.page-index .card-product .categorys .item.is-active [class*="font-text-"] {margin-left:-0.25rem; color: #24D3D6;}
.page-index .card-product .categorys .item:hover [class*="font-text-"]{ color: #24D3D6;}
.page-index .card-product .products {-ms-flex: 0 0 76.67%;flex: 0 0 76.67%;max-width: 76.67%; margin: -1.5rem 0; }
.page-index .card-product .products .item { padding:1.5rem 5rem; padding-right: 0; }
.page-index .card-product .products .box { border-radius: 0.5rem 0.5rem 0 0; background: linear-gradient(179deg, #DFE0E1 0%, #F0F1F2 100%);}
.page-index .card-product .products .box .xj-zoomImage.is-background {background: none;padding-bottom: 100%}
.page-index .card-product .products .box > .image-box:first-child { width: 52%; padding: 1.875rem 0;  }
.page-index .card-product .products .box > .image-box:last-child { width: 40%; height: 100%; }
.page-index .card-modules .group-show-tab-id { color: #4D525E;margin: 0 1.25rem 2.5rem; min-width: 10rem; line-height: 2.5rem;border: 1px solid #4D525E; background: #FFFFFF;}
.page-index .card-modules .group-show-tab-id.is-active { background: #24D3D6; color: #FFFFFF; border-color:#24D3D6 }
.page-index .card-modules .group-show-tab-id.is-active:after { position: absolute;content:'';bottom:-0.4em;left:50%;margin-left:-0.3em;display: inline-block;border-top: 0.4em solid #24D3D6;border-right: 0.4em solid transparent;border-bottom: 0;border-left: 0.4em solid transparent;}
.page-index .card-articles .__CardImage { background: #F1F2F3; padding: 1.5rem;}
.page-index .card-articles .__CardImage .xj-zoomImage{ border-radius: 0.25rem}
.page-index .card-articles .group-show-tab-id.is-active { color: #24D3D6; font-weight:700; }
.page-contact .card-contact .__CardImage { padding:2.5rem; height: 25rem }
.page-contact .card-contact .__CardImage .icon { max-width: 1.5rem;max-height: 1.5rem; }
@media (max-width: 767px) {
    .page-index .card-product .categorys .item { padding-left:0; text-align: center; }
    .page-index .card-product .products .item {padding-left: 2rem;}
    .CardCarouseMatter .childss {padding: 30px 0 20px 0;}
    .CardCarouseMatter .childss img {width: 110px !important;height: 217px !important;}
    .CardTopMatter .mr{}
    .CardTopMatter .media-flex{flex-direction: column;}
    .CardTopMatter .padding-suit {padding-top:  3rem;}
    .CardTopMatter .padding-suit .p-b-3 {padding-bottom: 1rem;}
    .CardTopMatter .mb50{margin: 2rem 0;}
}
@media  (min-width: 1200px) {
    .CardTopMatter .mr{margin-right: 6.5rem;width: 30%;}
    .CardCarouseMatter .media-flex{}
    .__LayoutFooter .icp { position: absolute; bottom:0; left:1%; right:1%;}
    .__LayoutFooter .middle { padding-left: 7.375rem; margin-bottom: 0.5rem; }
    .__LayoutFooter .left {-ms-flex: 0 0 21.2%; flex: 0 0 21.2%; width: 21.2%;}
    .__LayoutFooter .right {-ms-flex: 0 0 19.2%; flex: 0 0 19.2%; width: 19.2%;}
    .CardTopMatter .padding-suit {padding: 8.75rem 0;}
    .CardTopMatter .padding-suit .p-b-3 {padding-bottom: 3rem;}
    .CardApplicableEquipmentMatter  ul>li:nth-child(2) {position: relative;top: -100px;right: -50px}
    .CardApplicableEquipmentMatter  ul>li:nth-child(3) {position: relative;top: -50px;}
}
@keyframes myanimation { 0% {opacity: 0;}/*初始状态 透明度为0*/ 40% {opacity: 0;}/*过渡状态 透明度为0*/ 100% {opacity: 1;}/*结束状态 透明度为1*/}

/* 应用动画到元素中 */
.CardCarouseMatter .inner>div {animation: myanimation;/*动画名称*/animation-duration: 1.5s;/*动画持续时间*/-webkit-animation:myanimation 1.5s;/*针对webkit内核*/
}

.CardCarouseMatter .product-cont  .cont-title {font-size: 28px;font-weight: 700;line-height: 50px;color: #000;padding-bottom: 50px;position: relative;text-align: center;padding-top: 50px;}

.CardCarouseMatter .product-cont .cont-title:after {content: '';display: block;width: 38px;border-bottom: 1px solid #000;position: absolute;left: calc(50% - 19px);margin-top: 10px;}
.product-cont .product .product-list > p{text-align: left;font-size: 14px;line-height: 24px;color: #707070;padding: 0 30px;}
.product-cont .product .product-list > p.product-text{margin-bottom: 20px;}
.inner {column-gap: 15px;height: 100%;}
.out {height: 100%;overflow:hidden;position: relative;}
.none {display: none !important;}
.leftIcon {width: 22px;height: 39px;margin-right: 30px;opacity: 1;}
.rightIcon {width: 22px;height: 39px;margin-left: 30px;}
.cur-point {cursor: pointer;}
.inner>div {background-color:#fff;border-radius: .5rem;transition: all 1s;}
.inner>div img {width: 110px;height: 217px;}
.childss {flex: 1 1 30%;padding: 50px 0 20px 0;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.childss .step {width: 5rem;height: 2rem;background: #EBEBEB;border-radius: 1rem;text-align: center;line-height: 2rem;font-size: 1rem;font-family: SourceHanSansCN-Medium, SourceHanSansCN;font-weight: 500;color: #6F7B90;}
.num2 {}
.num2 img {width: 170px !important;height: 335px !important;}
.num2 .childss .step {color: #0C6663;}
.childss p{font-family: Segoe UI;font-size: 20px;padding-top: 20px;margin-right: 28px;font-weight: normal;float: right;color: #ffffff;padding-bottom: 20px;}