/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
img{ max-width: 100%!important; }
.clearfix {
    *zoom: 1
}
a{text-decoration:none}
a:hover,a:focus{text-decoration:underline}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.pointer{cursor: pointer}
.max-wth-85{max-width: 80%}
.mt-n7, .my-n7 {
    margin-top: -6rem !important;
}

@media (min-width: 1200px){
    .mt-xl-n7, .my-xl-n7 {
        margin-top: -6rem !important;
    }
}
@media (min-width: 750px){
    .mt-sm-n7, .my-sm-n7 {
        margin-top: -6rem !important;
    }
}
@media (max-width: 1366px){
    .zc_qyzx h4{ font-size: 1.2rem }
}
@media (max-width: 750px){
    .mt-n7, .my-n7,.mt-sm-n7, .my-sm-n7 {
        margin-top: 0rem !important;
    }
    .lead{ font-size: 1rem; }
    .zc_qyzx h4{ font-size: 1rem }
    .zc_qyzx p.justify-content-end{ display: none !important;}
}
.bg-none{ background: none !important;}
.bg-myPrimary {
    fill: #0061b3 !important;
    background-color: #0061b3 !important;
}
.bg-section-dark {
    background-color: #0e0b2b !important;
}
.card-bg-1 {
    background: url('../images/card-bg-01.jpg') no-repeat;
    background-size: 100%;
}
.card-bg-2 {
    background: url('../images/card-bg-02.jpg') center no-repeat;
    background-size: 100%;
}
.card-bg-3 {
    background: url('../images/card-bg-03.png') center no-repeat;
    background-size: 100%;
}
.card-bg-4 {
    background: url('../images/card-bg-04.png') center no-repeat;
    background-size: 100%;
}
.card-bg-5 {
    background: url('../images/card-bg-05.png') center no-repeat;
    background-size: 100%;
}
.card-bg-6 {
    background: url('../images/card-bg-06.png') center no-repeat;
    background-size: 100%;
}
.footer-bg-1 {
    background: url('../images/footer-bg-1.jpg') center no-repeat;
    background-size: 100% 100%;
}
.bg-gradient-1 {
    background: linear-gradient(90deg, #0099FF 0%, #6610f2 100%);
}

.bg-gradient-2 {
    background: linear-gradient(90deg, #e83e8c 0%, #6f42c1 100%);
}

.bg-gradient-3 {
    background: linear-gradient(90deg, #fd7e14 0%, #dc3545 100%);
}

.bg-gradient-31 {
    background: linear-gradient(90deg, #dc3545 0%, #fd7e14 100%);
}

.bg-gradient-4 {
    background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
}

.bg-gradient-5 {
    background: linear-gradient(90deg, #0099FF 0%, #6f42c1 100%);
}

.bg-gradient-6 {
    background: linear-gradient(90deg, #0099FF 0%, #ff0080 50%, #dc3545 100%);
}
.bg-gradient-7 {
    background: linear-gradient(90deg, #6b88fd 0%, #603cd4 100%);
}

.bg-gradient-8 {
    background: linear-gradient(90deg, #b798ff 0%, #663398 100%);
}

.bg-gradient-9 {
    background: linear-gradient(90deg, #cc97ff 0%, #9905cb 100%);
}

.bg-gradient-10 {
    background-image: linear-gradient(310deg,#7928ca,#ff0080);
}

.product-device {
    position: absolute;
    right: 10%;
    bottom: -30%;
    width: 100%;
    height: 100%;
    background-color: #333;
    border-radius: 0;
    transform: rotate(30deg);
    opacity: .04;
}
.product-device::before {
    position: absolute;
    top: 10%;
    right: 10px;
    bottom: 10%;
    left: 10px;
    content: "";
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
}
.product-device-2 {
    top: -10%;
    right: auto;
    bottom: 0;
    background-color: #e5e5e5;
}

.product-device-3 {
    width: 80%;
    height: 90%;
    right: 10%;
    top: 5%;
    background-color: #e5e5e5;
    border-radius: 0;
    transform: rotate(90deg);
    opacity: .2;
    z-index: -1;
}

.product-device-block {
    position: absolute;
    top: -40%;
    left: -15%;
    width: 60vh;
    height: 60vh;
    background-color: #e5e5e5;
    border-radius: 0;
    transform: rotate(-145deg);
    opacity: .8;
    z-index: 1;
}

.product-device-block-2 {
    top: -10%;
    opacity: .3;
    z-index: 0;
}

.zc-main-nav {
    background: none;
}

.zc_logo {
    height: 3.5rem
}

.form-h-box {
    position: relative;
}

.form-h-search {
    position: absolute;
    right: .5rem
}

.bg-opacity {
    background-color: #336;
    opacity: .5;
}

.bg-opacity a.nav-link {
    color: #FFF !important
}

#zc_zcrx {
}

#zc_zcrx h3 a, #zc_zcrx h4 a, #zc_zcrx h5 a, #zc_zcrx li a {
    padding-left: 0 !important;
    color: #333 !important;
}

#zc_zcrx img {
    width: 100%
}

.waves {
    position: relative;
    width: 100%;
    height: 16vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px
}

.waves.waves-sm {
    height: 50px;
    min-height: 50px
}

.waves.no-animation .moving-waves > use {
    animation: none
}

.wave-rotate {
    transform: rotate(180deg)
}

.moving-waves > use {
    animation: f 40s cubic-bezier(.55,.5,.45,.5) infinite
}

.moving-waves > use:first-child {
    animation-delay: -2s;
    animation-duration: 11s
}

.moving-waves > use:nth-child(2) {
    animation-delay: -4s;
    animation-duration: 13s
}

.moving-waves > use:nth-child(3) {
    animation-delay: -3s;
    animation-duration: 15s
}

.moving-waves > use:nth-child(4) {
    animation-delay: -4s;
    animation-duration: 20s
}

.moving-waves > use:nth-child(5) {
    animation-delay: -4s;
    animation-duration: 25s
}

.moving-waves > use:nth-child(6) {
    animation-delay: -3s;
    animation-duration: 30s
}

@keyframes f {
    0% {
        transform: translate3d(-90px,0,0)
    }

    to {
        transform: translate3d(85px,0,0)
    }
}

@media (max-width:767.98px) {
    .waves {
        height: 40px;
        min-height: 40px
    }
}

.card-hover {
    transition: border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out !important
}

.card-hover:hover {
    box-shadow: 0 .125rem .125rem -.125rem rgba(31,27,45,.08),0 .25rem .75rem rgba(31,27,45,.08)
}

.card-hover.shadow-sm.show, .card-hover.shadow-sm:hover {
    box-shadow: 0 .125rem .5rem -.25rem rgba(31,27,45,.12),0 .25rem 1rem rgba(31,27,45,.12) !important
}

.card-hover[class*=" bg-"].active, .card-hover[class*=" bg-"].show, .card-hover[class*=" bg-"]:hover, .card-hover[class^=bg-]:hover {
    background-color: #fff !important
}

.dropdown.show .card-hover {
    box-shadow: 0 .125rem .125rem -.125rem rgba(31,27,45,.08),0 .25rem .75rem rgba(31,27,45,.08) !important
}

.dropdown.show .card-hover.shadow-sm {
    box-shadow: 0 .125rem .5rem -.25rem rgba(31,27,45,.12),0 .25rem 1rem rgba(31,27,45,.12) !important
}

.dropdown.show .card-hover[class*=" bg-"] {
    background-color: #fff !important
}

.card-active {
    box-shadow: 0 .125rem .125rem -.125rem rgba(31,27,45,.08),0 .25rem .75rem rgba(31,27,45,.08)
}

.card-active[class*=" bg-"], .card-active[class^=bg-] {
    background-color: #fff !important
}

.card-img-hover {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000)
}

.card-img-hover .img-overlay {
    opacity: 0 !important
}

.card-img-hover .content-overlay {
    position: absolute;
    transition: opacity .25s ease-in-out;
    opacity: 0
}

.card-img-hover .position-absolute {
    z-index: 5
}

.card:hover > .card-img-hover .img-overlay {
    opacity: .33 !important
}

.card:hover > .card-img-hover .img-overlay.opacity-25 {
    opacity: .25 !important
}

.card:hover > .card-img-hover .img-overlay.opacity-50 {
    opacity: .5 !important
}

.card:hover > .card-img-hover .img-overlay.opacity-60 {
    opacity: .6 !important
}

.card:hover > .card-img-hover .img-overlay.opacity-65 {
    opacity: .65 !important
}

.card:hover > .card-img-hover .img-overlay.opacity-70 {
    opacity: .7 !important
}

.card:hover > .card-img-hover .content-overlay {
    opacity: 1
}

.card-horizontal .card-img-bottom, .card-horizontal .card-img-top, .card-horizontal .swiper-slide {
    position: relative;
    min-height: 12rem;
    overflow: hidden
}

@media(min-width:500px) {
    .card-horizontal {
        flex-direction: row
    }

    .card-horizontal .card-body {
        padding: 1.25rem 1.5625rem
    }

    .card-horizontal .card-img-bottom, .card-horizontal .card-img-top {
        max-width: 39%;
        min-width: 39%
    }

    .card-horizontal .card-img-top {
        border-radius: 0;
        border-top-left-radius: calc(.75rem - 1px);
        border-bottom-left-radius: calc(.75rem - 1px)
    }

    .card-horizontal .card-img-top.order-sm-2 {
        border-radius: 0;
        border-top-right-radius: calc(.75rem - 1px);
        border-bottom-right-radius: calc(.75rem - 1px)
    }
}

.card-light {
    border-color: transparent;
    background-color: hsla(0,0%,100%,.04);
    color: #fff
}

.card-light .card-title {
    color: #fff
}

.card-light .card-footer, .card-light .card-header {
    border-color: hsla(0,0%,100%,.15)
}

.card-light.bg-transparent.card-active, .card-light.bg-transparent.card-hover:hover {
    background-color: hsla(0,0%,100%,.04) !important
}

.card-light.card-active, .card-light.card-hover:hover {
    border-color: hsla(0,0%,100%,.15)
}

.card-light.card-active.border-light, .card-light.card-hover:hover.border-light {
    border-color: hsla(0,0%,100%,.4) !important
}

a.card {
    text-decoration: none
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout + .bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #0d6efd
}
.numbered {
    background: #d4e4fc;
    color: #0d6efd;
    font-weight: 700;
    height: 22px;
    width: 22px;
    padding: 2px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px !important;
    font-size: 11px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sort2{
    width: 44px;
    height: 28px;
    line-height: 24px
}
.fill-primary {
    fill: #0d6efd !important;
}

.opacity-2 {
    opacity: 0.2 !important;
}

.fill-danger {
    fill: #d6293e !important;
}

.avatar-xl {
    height: 5.125rem;
    width: 5.125rem;
}

.avatar {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: inline-block !important;
}

.avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.h-40px {
    height: 40px !important;
}

.a {
    color: #333 !important;
    text-decoration: none !important;
}

.a:hover, .active, .nav a:hover {
    color: #0d6efd !important;
}

.modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
}

.zc_zytd_list img {
    width: 127px !important;
    max-width: 98% !important;
    height: auto !important
}

.bg-yellow {
    opacity: 1;
    background-color: rgba(255, 227, 151, 0.15) !important;
}

.bg-blue {
    opacity: 1;
    background-color: rgba(177, 220, 255, 0.1) !important;
}

.bg-blue2 {
    opacity: 1;
    background-color: rgba(120, 189, 255, 0.1) !important;
}

.bg-purple {
    opacity: 1;
    background-color: rgba(192, 158, 255, 0.1) !important;
}

.bg-info {
    opacity: 1;
    background-color: rgba(163, 230, 255, 0.1) !important;
}
.text-yellow {
    color: #FFC124;
}

.text-blue {
    color: #1d3b53;
}

.text-blue2 {
    color: #066ac9;
}

.text-purple {
    color: #6f42c1;
}

.text-info {
    color: #17a2b8;
}
.btn-warning,.btn-warning:hover,.btn-info,.btn-info:hover{ color: #fff; }
.bg-purple .btn-primary,.bg-purple .btn-primary:hover{ background-color: #6610f2; color: #fff; }
.bg-purple .btn-outline-primary,.bg-purple .btn-outline-primary:hover{ border-color: #6610f2; color: #6610f2; }
.bg-purple .btn-outline-primary:hover{ background-color: #6610f2; color: #fff; }
.rounded-lt20 {
    border-radius: 3rem 0 0 0 !important;
}

.shadow-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1) !important;
}

.nav-pills-bg-soft {
    background-color: rgba(6, 106, 201, 0.1);
    padding: 0.625rem 0;
    border-radius: 0.625rem;
}

.nav-pills-bg-soft .nav-link {
    color: #066ac9;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #066ac9;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 90%;
        margin: 1.75rem auto;
    }
}
#navbar-pc{display: block}
#navbar-wap,.bannerWAP{ display: none}
@media (max-width: 1100px) {
    #navbar-pc{display: none}
    #navbar-wap,.bannerWAP{ display: block}
    #banner_comCarousel{ display: none; visibility: hidden !important;}
}
.swiper {
    width: 100%;
    height: 100%;
}

.lift {
    transition: box-shadow .3s ease,-webkit-transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease,-webkit-transform .3s ease;
}

.event-position-t {
    left: .2rem !important;
    top: 12% !important;
    z-index:2 !important;
}

.content img{ max-width: 100% !important; }

.pagination { text-align: center; padding: 10px 0; }
.pagination li,.pagination a,.pagination span,.pagination .thisclass{height:32px; line-height:30px}
.pagination li{ display: inline-block; list-style:none; margin:0 2px; border:1px solid #eee}
.pagination li:first-child{padding: 0 10px; }
.pagination a,.pagination span,.pagination .thisclass{display: inline-block; padding: 0 10px; text-decoration:none;;color:#3c3c3c }
.pagination a:hover{border: 1px solid #6b88fd; text-decoration:none;}
.pagination strong{ font-weight:normal;color:#3c3c3c}
.pagination .pageinfo,.pagination li:hover a,.pagination .thisclass{ border:0; background-color: #6b88fd; color: #fff }
.pagination li:hover{border:1px solid #6b88fd; }
.pagination .pageinfo strong{ color:#fff }

.zc_case_box {width: 100%; }
.zc_case_box ul{

}
.zc_case_box ul, .zc_case_box li{ margin: 0; padding: 0; list-style: none }
.zc_case_box li { float: left; width: 33.3%; margin: 5px auto }
.zc_case_box li a{ margin: auto 5px; display: block; border: 1px solid #eee; padding: 10px; }
.zc_case_box img{ display: block; border: 0; margin: 0 auto; height: 4rem; }
.zc_case_box .swiper-container {width: 100%; }
.zc_case_box .swiper-slide { -webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(1);transform: scale(1); opacity: .6; box-shadow: 0px 0px 2px #ddd; }
.zc_case_box .swiper-slide,.zc_case_box .swiper-slide-active,.zc_case_box .swiper-slide-duplicate-active{background: #FFF; padding: 20px !important; margin: 0 auto !important;}
.zc_case_box .swiper-slide-active,.zc_case_box .swiper-slide-duplicate-active {-webkit-transform: scale(1.2);transform: scale(1.2); z-index:10; opacity: 1; box-shadow: 0px 0px 5px #ccc;}
.none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.zc_case_box .swiper-pagination {position: relative;margin-bottom: 30px; }
.zc_case_box .swiper-pagination-bullet {background: #00a0e9;margin-left: 4px;margin-right: 4px;width: .6rem;height:.6rem;opacity: 1;margin-bottom: 4px;}
.zc_case_box .swiper-pagination-bullet-active {width: 8px;height: 8px;background:#00a0e9;margin-bottom: 0;}
@media screen and (max-width: 668px) {
    .zc_case_box .swiper-slide {-webkit-transform: scale(0.97);transform: scale(0.97);}
    .zc_case_box .swiper-slide-active,.zc_case_box .swiper-slide-duplicate-active {-webkit-transform: scale(0.97);transform: scale(0.97);}
    .zc_case_box img{ height: 3rem; }
    .zc_case_box .swiper-pagination {position: relative;margin-bottom: 20px;}
    .zc_case_box .swiper-pagination-bullet {background: #00a0e9;margin-left: 2px;margin-right: 2px;width:.6rem;height: .6rem;margin-bottom: 2px;}
    .zc_case_box .swiper-pagination-bullet-active {width: .8rem;height: .8rem;background:#00a0e9;margin-bottom: 0;}
}
.zc-events{ }
@media (min-width: 1100px) {
    .zc_fwtx_item01,.zc_fwtx_item02,.zc_fwtx_item03,.zc_fwtx_item04,.zc_fwtx_item05{ position: relative}
    .zc_fwtx_item01{ left:-50px; }
    .zc_fwtx_item02,.zc_fwtx_item04{ top:80px }
    .zc_fwtx_item05{ right:-50px; }
    .zc_fwtx_item05 img{ width: 90% }
}
.img-caption{ width: 6% }
.zc_fwtx_item01:hover .img-fluid,
.zc_fwtx_item02:hover .img-fluid,
.zc_fwtx_item03:hover .img-fluid,
.zc_fwtx_item04:hover .img-fluid,
.zc_fwtx_item05:hover .img-fluid{
	transform:scale(1.1,1.1);
}
.zc_fwtx_item01:hover h5,
.zc_fwtx_item02:hover h5,
.zc_fwtx_item03:hover h5,
.zc_fwtx_item04:hover h5,
.zc_fwtx_item05:hover h5{
	color:#ff0;
}
.zxfw-tabs a + a::before {
  content: '|';
  color: #ccc;
  margin: 0 0.5em; 
}

@media (max-width: 600px) {
  .zxfw-tabs a + a::before {
    margin: 0 0.25em; 
  }
}

@media (min-width: 1025px) {
  .zxfw-tabs a + a::before {
    margin: 0 1em; 
  }
}
.phone {
    position: relative;
    top: -3px;  
    right: 30px;  
}
.phone{margin-top: 1.2rem;padding-left: 2rem;font-size: 16px;color: #888;}
.phone strong{color: #0099cc;font-size: 14px;}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999; 
  background: #ffffff; 
}

.content {
  padding-top: 60px; 
}
.index{ position: relative; z-index: 0; }
.fixed-bg,.fixed-bg-img{ position: fixed; top:0; left: 0; width: 100%; z-index: -1;}
.main{ background-color:#FFF;}
.mainBoxs,.mainBox{ position: relative; margin: 0 auto; padding: 10px 0; }
.mainBox{width: 85%;}

.banner, .banner .bd-placeholder-img{height: 400px; color: #222; }
.banner h2, .banner p{ margin-bottom: 1.2rem;line-height: 2; text-align: center;}
.banner p{margin-bottom: .5rem;}
.banner h2{ text-align: center; }
.banner p a{ text-decoration: none; }
.banner p a.btn{ display: inline-block; margin: .5rem .25rem; padding: 2px 30px; border: 1px solid #eee; color: #FFF;}
.banner p a.btn:hover{ text-decoration: none; border-color: #FFF; background-color:#FFF !important; color: #273bc1;}
.banner .carousel-caption{bottom: auto; top:13%}
.banner .carousel-item:nth-of-type(1) a:hover{ color: #273bc1; }
.banner .carousel-item:nth-of-type(2) a:hover{ color: #fd7e14; }
.banner .carousel-item:nth-of-type(3) a:hover{ color: #273bc1; }
 
.case_box ul, .zc_case_box li{ margin: 0; padding: 0; list-style: none }
.case_box li { float: left; width: 12.5%; margin: 5px auto; }
.case_box li a{ margin: auto 5px; display: block; padding: 2px; background-color:#FFF; border: 1px solid #F8F8F8; border-radius: 5px; }
.case_box li a:hover{ border: 1px solid #eee; }
.case_box img{ display: block; border: 0; margin: 0 auto; height: 3rem; }
.case_box li.last-more a{ width: 100%; height: 3.3rem;background-color: #0a58ca; color: #FFF; font-size: 20px;margin: 0 auto; text-align: center;line-height: 2.4; text-decoration: none; }
  
.zxfw-tabBox{ position: relative;display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.zxfw-tab-con{ margin: 0;padding:0;font-size: 20px;color: #222;margin-right: 16px;line-height: 2;}
.zxfw-tabs,.zckt-tabs,.zczx-tabs {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.zxfw-tabs a,.zckt-tabs a,.zczx-tabs a { display: inline-block; font-weight: 500;font-size: 20px;color: #666;margin-right: 16px; text-decoration: none !important;line-height: 2;}
.zxfw-tabs a.active,.zckt-tabs a.active,.zczx-tabs a.active{position: relative; color: #273bc1 !important;text-decoration: none;}
.zxfw-tabs a:hover,.zckt-tabs a:hover,.zczx-tabs a:hover{color: #273bc1 !important;}
.zxfw-tabs a.active:after,.zckt-tabs a.active:after,.zczx-tabs a.active:after {content: "";position: absolute;bottom: -4px;left: 0;right: 0;margin: auto;width: 16px;height: 4px;background: #273bc1 !important;border-radius: 4px}
.zxfw .more,.zckt .more,.zczx .more{ position: absolute;right: 0; padding: 5px 0;font-weight: 400; font-size: 14px; color: #273bc1;line-height: 2.2; }
.zxfw-tabs {
  display: flex;
  justify-content: space-between;
}
.zxfw-tabs a + a::before {
  content: '|';
  color: #ccc; 
  margin: 0 4px; 
  font-weight: normal;
}
.zckt-tabs a {
  position: relative; 
  padding-right: 12px; 
}

.zckt-tabs a::after {
  content: '|';
  position: absolute;
  right: 0; 
  top: 80%; 
  transform: translateY(-80%); 
  color: #ccc; 
}

.zckt-tabs a:last-child::after {
  content: none;
}
.zxfw-itemsBox { display: flex; justify-content:space-between; padding: 0 30px; align-content: center; height: 270px; }
.zxfw-itemsBox:nth-of-type(2){ height: 325px; }
#zckt-tabs-container .zxfw-itemsBox{ display: block; height: auto; }
.itemBox{ width: 100%; height: 100%; border-radius: 10px; box-shadow: inset 0 0 20px 0 #FFF, 0 1px 6px 0 #c4d6ff; background-color: #FFF;border: 1px solid #fff;}
.itemBox:hover{box-shadow: inset 0 0 10px 0 #f0f5ff, 0 1px 6px 0 #c4d6ff;}
.itemBox a{ display: block;width: 100%; height: 100%; padding: 20px; text-decoration: none; color: #222; }
.itemBox h4 img.img-fluid{ display: inline-block; width: 20px; height:20px; border: 1px solid #fff; background-color: #Fff;} 
.itemBox p{ display: flex; }

.bg-yellow .itemBox{ box-shadow: inset 0 0 20px 0 #FFF, 0 1px 6px 0 #fcf5da;border: 1px solid #fff;}
.bg-yellow .itemBox:hover{box-shadow: inset 0 0 10px 0 #fcf5da, 0 1px 6px 0 #fcf5da;}
.bg-yellow .text-yellow{ color: #F90; }
.bg-purple .itemBox{ box-shadow: inset 0 0 20px 0 #FFF, 0 1px 6px 0 #e3d9f5;border: 1px solid #fff;}
.bg-purple .itemBox:hover{box-shadow: inset 0 0 10px 0 #e3d9f5, 0 1px 6px #e3d9f5;}
.bg-purple .text-purple{ color: #6610f2; }
.bg-info .itemBox{ box-shadow: inset 0 0 20px 0 #FFF, 0 1px 6px 0 #17a2b81a;border: 1px solid #fff;}
.bg-info .itemBox:hover{box-shadow: inset 0 0 10px 0 #17a2b81a, 0 1px 6px #17a2b81a;}
.bg-info .text-info{ color: #0dcaf0; }
.bg-blue .itemBox{ box-shadow: inset 0 0 20px 0 #FFF, 0 1px 6px 0 #f2f2f2; border: 1px solid #fff;}
.bg-blue .itemBox:hover{box-shadow: inset 0 0 10px 0 #f2f2f2, 0 1px 6px #f2f2f2;}
.bg-blue .text-blue{ color: #273bc1; }
.itemBox:hover a{ border-radius: 10px; background-color: #273bc1; color: #fff; }
.itemBox:hover a i{ color: #f0f5ff !important; opacity: 1 !important; }
.bg-yellow .itemBox:hover a{ border-radius: 10px; background-color: #F90; color: #fff; }
.bg-purple .itemBox:hover a{ border-radius: 10px; background-color: #273bc1; color: #fff; }
.bg-info .itemBox:hover a{ border-radius: 10px; background-color: #0dcaf0; color: #fff; }
.bg-blue .itemBox:hover a{ border-radius: 10px; background-color: #273bc1; color: #fff; }

.team .swiper-container,.zxfw-itemsBox .swiper-container { width: 100%; height: 100%; }
.team .swiper-slide,.zxfw-itemsBox .swiper-slide {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; 
} 
.team-item{ height: 440px; }
.team-item img{ height:180px }

.zckt-swContainer {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.zckt-swContainer .swiper-slide {
	height: 220px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media screen and (max-width: 1366px){ 
	
	.case_box li { width: 20%; }
	.case_box li.last-more{ width: 100%; }
	.zxfw-tabs a,.zckt-tabs a,.zczx-tabs a {font-size: 18px;}
	.zxfw-tab-con,.zxfw .more, .zckt .more, .zczx .more{ display: none; }
	.zxfw-tabs a,.zckt-tabs a,.zczx-tabs a,.zckt-tabs a,.zckt-tabs a,.zckt-tabs a{margin-bottom: 10px;}
}
@media screen and (max-width: 768px){
	.mainBox{border: 1px solid #eee;box-shadow: 1px 1px 3px #eee;width: auto;margin: 10px;padding:20px;}
	.mainBoxN{ border: none !important; box-shadow: none; margin-bottom: 0px !important; padding-bottom: 0px !important; }
	.mainBox .btn{font-size: 16px !important;margin:.3rem;padding: 2px 15px;}
	.banner .carousel-item .carousel-caption{ top: auto; bottom: 13%;}
	.banner .carousel-item:nth-of-type(2) .carousel-caption{ bottom: 18%;}
	.banner .carousel-caption h2{ font-size:20px !important; margin-bottom: .5rem;line-height: 1.2; }
	.banner .carousel-caption p{ font-size:14px !important; margin-bottom: .4rem; line-height: 1.2; }
	.banner .carousel-caption .btn{ font-size:14px !important; margin:.3rem; padding: 2px 10px; }
	.blockquote{ margin-bottom: .8rem; }
	.zxfw-tab-con,.zxfw .more, .zckt .more, .zczx .more{ display: none; }
	.zxfw-itemsBox{ padding: 0 20px; }
	.itemBox h4 img.me-3{ margin-right: .2rem !important; }
	.pb-5{ padding-bottom: 2rem !important; }
	.mb-5{ margin-bottom: 3rem !important; }
	.news.pb-5{ padding-bottom: 0 !important; }
	}
	@media (max-width: 992px) { 
    .navbar-right {
        float: none; 
        text-align: center; 
        margin-top: 10px; 
    }
    .form-h-box {
        width: 100%; 
        justify-content: center; 
        margin-top: 10px; 
    }
    .phone {
        display: block;
        width: 100%; 
        text-align: center; 
    }
}
.services-section, .classroom-section {
    position: relative;
}

.service-card, .class-card {
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #6c757d !important;
}

.service-card:hover, .class-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
}

.service-tab {
    padding: 0.75rem 1.25rem;
    margin: 0.25rem;
    border: none;
    background: none;
    color: #6c757d;
    font-weight:500;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    position: relative;
}

.service-tab:hover {
    color: #ffffff;
    background: #5a6268 !important;
}

/* ===== 激活状态改为灰色底（清晰可见） ===== */
.service-tab.active {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
    font-weight: 500;
}

.service-tab.active:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    background: #6c757d;
    border-radius: 3px;
}

.service-panel {
    display: none;
}

.service-panel.active {
    display: block;
    animation: fadeIn 0.5s ease;
}

.service-features, .class-features {
    list-style: none;
    padding-left: 0;
}

.service-features li, .class-features li {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: flex-start;
}

.text-purple {
    color: #6f42c1;
}

.btn-purple {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: white;
}

.btn-outline-purple {
    color: #6f42c1;
    border-color: #6f42c1;
}

.text-indigo {
    color: #6610f2;
}

.btn-indigo {
    background-color: #6610f2;
    border-color: #6610f2;
    color: white;
}

.btn-outline-indigo {
    color: #6610f2;
    border-color: #6610f2;
}

@media (max-width: 767.98px) {
    .service-tab {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }

    .section-header h2 {
        font-size: 1.75rem;
    }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.faq-section {
    position: relative;
    overflow: hidden;
}

.faq-card {
    transition: all 0.3s ease;
    border-radius: 8px;
    background: white;
}

.faq-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1)!important;
}

.timeline-steps {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
}

.timeline-step {
    flex: 1;
    position: relative;
    text-align: center;
}

.inner-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5rem;
    color: white;
    font-weight: bold;
    background: #0d6efd;
}

.support-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.support-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-size: 1rem;
    background: #0d6efd;
}

.icon-shape {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    background: #0d6efd;
}

.full-title {
    white-space: normal !important;
    word-break: break-word;
    display: block;
    height: auto;
    line-height: 1.4;
    margin-bottom: 12px;
}

.nav-pills-primary .nav-link {
    color: #495057;
    border-radius: 50rem;
    padding: 0.5rem 1.25rem;
    margin: 0 0.25rem;
    transition: all 0.3s;
}

.nav-pills-primary .nav-link.active {
    background-color: #0061ff;
    color: white;
    box-shadow: 0 4px 8px rgba(0, 97, 255, 0.2);
}

.list-group-item {
    transition: all 0.3s;
    border-radius: 8px !important;
}

.list-group-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.card-hover {
    transition: all 0.3s;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #0061ff 0%, #60efff 100%);
    border-radius: 12px;
}

@media (max-width: 768px) {
    .full-title {
        font-size: 1.05rem;
    }
}

.case-showcase-section {
  position: relative;
}

.case-image-container {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.case-image-container img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s;
}

.case-image-container:hover img {
  transform: scale(1.02);
}

.case-data-tags {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
}

.data-tag {
  padding: 8px 12px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.data-value {
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}

.data-label {
  display: block;
  font-size: 0.7rem;
  opacity: 0.9;
  margin-top: 2px;
}

.case-description {
  padding: 0 15px;
}

@media (max-width: 768px) {
  .case-data-tags {
    top: 15px;
    right: 15px;
  }
  
  .data-tag {
    padding: 6px 10px;
  }
  
  .data-value {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .case-data-tags {
    flex-direction: column;
    gap: 8px;
  }
}

/* ==================== 首页全新样式 ==================== */
:root{--primary:#0066cc;--primary-dark:#0056b3;--secondary:#6e00ff;--success:#28a745;--light:#f8f9fa;--dark:#1e293b}
*,::after,::before{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0;font-size:1rem;color:#374151;background:#fff}
h1,h2,h3{font-weight:600;line-height:1.3}
a{color:var(--primary);text-decoration:none}
.container{width:100%;padding:0 15px;margin:0 auto}
@media(min-width:1200px){.container{max-width:1140px}}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.col-12{flex:0 0 100%}
@media(min-width:768px){.col-md-4{flex:0 0 33.33%}.col-md-6{flex:0 0 50%}}
@media(min-width:992px){.col-lg-3{flex:0 0 25%}.col-lg-4{flex:0 0 33.33%}}
.btn{display:inline-block;font-weight:500;padding:.625rem 1.25rem;border-radius:.5rem;transition:.2s}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}
.btn-outline-primary{color:var(--primary);border:2px solid var(--primary);background:transparent}
.btn-outline-primary:hover{background:var(--primary);color:#fff}
.text-center{text-align:center}
.d-flex{display:flex}.justify-content-center{justify-content:center}.align-items-center{align-items:center}
.mb-4{margin-bottom:1.5rem}.mt-5{margin-top:3rem}
.bg-white{background:#fff}.bg-light{background:#f8fafc}

/* 首屏紧凑 */
.authority-section{padding:1.2rem 0 0.8rem!important}
.py-5{padding-top:2rem!important;padding-bottom:2rem!important}

/* 权威认证网格 */
.authority-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:0.9rem 1rem;display:flex;align-items:center;gap:.75rem}
.auth-card-icon-group{position:relative;width:44px;height:34px;flex-shrink:0}
.auth-card-icon-group img{width:34px;height:34px;border-radius:50%;border:2px solid #fff;position:absolute;object-fit:cover}
.auth-card-icon-group img:first-child{left:0;z-index:2}
.auth-card-icon-group img:last-child{left:16px;z-index:1}
.auth-card-single-img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}
.auth-card-badge{min-width:34px;height:34px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.auth-card-text{line-height:1.3}
.data-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:.75rem;text-align:center}
.data-card .display-6{font-size:1.6rem;font-weight:800;color:var(--primary)}
@media(max-width:992px){.authority-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.authority-grid{grid-template-columns:repeat(2,1fr)}}

/* 服务标签 */
.services-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.8rem}
.service-tab{padding:.7rem 1.4rem;border:2px solid #e5e7eb;border-radius:50px;background:#fff;cursor:pointer;font-weight:500}
.service-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}
.service-panel{display:none}
.service-panel.active{display:block}

/* 服务卡片 */
.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;height:100%;position:relative}
.badge-certified{position:absolute;top:-12px;left:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;padding:.25rem 1rem;border-radius:20px}
.scene-tag{display:inline-block;background:#e6f2ff;color:var(--primary);font-size:.7rem;padding:.2rem .6rem;border-radius:20px;margin-right:.4rem;margin-bottom:.4rem}
.deliverable-item{font-size:.8rem;color:#6b7280;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e5e7eb}
.service-features{list-style:none;padding:0}
.service-features li{padding:.35rem 0;display:flex;align-items:center}

/* 核心承诺 */
.promise-section{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:2rem 0}
.promise-highlight{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:1rem}
.icon-wrapper{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-size:1.4rem}

/* 对比卡片 */
.compare-card{border-radius:1rem;padding:1.5rem;height:100%}
.compare-card.highlight{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border:2px solid var(--primary)}

/* FAQ */
.faq-item{border-bottom:1px solid #e5e7eb}
.faq-question{padding:1rem 0;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-answer{padding-bottom:1rem;color:#6b7280;display:none}
.faq-item.active .faq-answer{display:block}
.faq-item.active .faq-question i{transform:rotate(180deg)}

/* 数据统计 */
.stats-section{padding:2.5rem 0;background:#fff}
.stat-card{background:#fff;border-radius:1rem;padding:1.5rem 1rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #e5e7eb}
.stat-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:1rem;color:#fff;font-size:1.5rem;margin:0 auto 0.8rem;display:flex;align-items:center;justify-content:center}
.stat-number{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* LOGO瀑布流（修复移动端自适应） */
.logo-marquee-section{padding:30px 0;background:#f8fafc;overflow:hidden}
.logo-marquee-wrapper{position:relative;width:100%;overflow:hidden}
.logo-marquee-wrapper::before,.logo-marquee-wrapper::after{content:'';position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}
.logo-marquee-wrapper::before{left:0;background:linear-gradient(90deg,#f8fafc,transparent)}
.logo-marquee-wrapper::after{right:0;background:linear-gradient(-90deg,#f8fafc,transparent)}
.logo-marquee-track{display:flex;animation:marquee 35s linear infinite;width:fit-content}
.logo-marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.logo-marquee-item{flex-shrink:0;width:auto;min-width:100px;max-width:150px;height:65px;margin:0 12px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px 15px;box-shadow:0 2px 8px rgba(0,0,0,.03);filter:none;opacity:1;transition:all .3s}
.logo-marquee-item:hover{filter:none;opacity:1;transform:scale(1.02)}
.logo-marquee-item img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width: 768px) {
    .logo-marquee-item{min-width:80px;max-width:120px;height:50px;margin:0 8px;padding:6px 10px}
}

/* 案例卡片 */
.case-detail-section{padding:2.5rem 0;background:#f8fafc}
.case-filter{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.8rem;flex-wrap:wrap}
.case-filter-btn{padding:.5rem 1.4rem;border:2px solid #d1d5db;background:#fff;color:#4b5563;border-radius:50px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s}
.case-filter-btn:hover{border-color:var(--primary);color:var(--primary)}
.case-filter-btn.active{background:#3385ff !important;border-color:#3385ff !important;color:#fff !important;font-weight:600;box-shadow:0 4px 12px rgba(51,133,255,0.35);text-shadow:0 1px 3px rgba(0,0,0,0.2)}
.case-detail-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);height:100%;border:1px solid #e5e7eb}
.case-image{height:140px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.2rem;position:relative}
.case-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}
.case-logo{position:absolute;bottom:.8rem;left:1rem;z-index:2;background:rgba(255,255,255,.95);color:#1f2937;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.case-content{padding:1.2rem}
.case-tag{display:inline-block;background:#dbeafe;color:#1e40af;padding:.25rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;margin-bottom:.8rem}
.case-content h4{font-size:1.1rem;margin:.3rem 0;color:#1f2937}
.case-content>p{color:#4b5563;font-size:.8rem;margin-bottom:.8rem}
.case-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.8rem}
.case-stat{text-align:center;padding:.7rem;background:#f8fafc;border-radius:.6rem}
.case-stat-number{font-size:1.2rem;font-weight:800;color:var(--primary)}
.case-stat-label{font-size:.65rem;color:#6b7280}
.case-quote{font-size:.75rem;color:#4b5563;padding:.8rem;background:#f1f5f9;border-radius:.6rem;border-left:3px solid var(--primary)}
.case-quote-author{color:var(--primary);font-weight:600;margin-top:4px}
.faq-item:first-child{border-top:1px solid #e5e7eb}

/* 荣誉墙/著作/培训 */
.honors-section{padding:2.5rem 0}
.honor-card{background:#f8fafc;border-radius:1rem;padding:1.2rem}
.honor-img-wrapper{height:140px;background:#f1f5f9;border-radius:8px;position:relative}
.honor-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2}
.honor-img-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#64748b;font-size:.8rem;z-index:1}
.books-section{padding:2.5rem 0}
.book-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.06);border:1px solid #e5e7eb}
.book-cover{height:180px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center}
.book-cover img{width:100px;height:140px;object-fit:cover;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.3);background:#fff}
.book-info{padding:1rem}
.training-section{padding:2.5rem 0;background:#0f172a;color:#fff}
.training-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.training-item{aspect-ratio:4/3;border-radius:1rem;overflow:hidden;position:relative;cursor:pointer;background:#1e293b}
.training-item img{width:100%;height:100%;object-fit:cover;transition:all .3s}
.training-item:hover img{transform:scale(1.1)}
.training-overlay{position:absolute;bottom:0;left:0;right:0;padding:.8rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:.3s}
.training-item:hover .training-overlay{opacity:1}
.training-text{font-size:.75rem;color:#fff}

/* CTA */
.cta-section{padding:3rem 0;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center}
.cta-title{font-size:2.2rem;font-weight:700}
.cta-subtitle{font-size:1.1rem;opacity:0.9}
.cta-features{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}
.cta-feature{display:flex;align-items:center;gap:.5rem}
.news-card{background:#fff;border-radius:1rem;padding:1.2rem;border:1px solid #e5e7eb;height:100%}

/* 白皮书横幅 */
.whitepaper-banner{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border-radius:1rem;padding:1.2rem 2rem;border:1px dashed var(--primary)}

.floating-cta{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}
.floating-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50px;padding:12px 22px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(0,102,204,0.3)}
.floating-btn.phone{background:linear-gradient(135deg,#10b981,#059669)}
.floating-btn.whitepaper{background:linear-gradient(135deg,#f59e0b,#d97706)}

#videoModal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:10000;align-items:center;justify-content:center}
#videoContainer{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}

@media(max-width:768px){
  .training-grid{grid-template-columns:repeat(2,1fr)}
  .authority-grid{grid-template-columns:repeat(2,1fr)}
  .floating-cta{display:none !important}
  .service-tab {
    padding: 0.5rem 0.9rem !important;
    font-size: 0.8rem !important;
  }
  .services-nav {
    gap: 0.4rem;
    row-gap: 0.6rem;
  }
}

/* ===== 六西格玛卡片底色提亮（浅蓝） ===== */
#six-sigma .service-card {
    background-color: #f4f9ff !important;
    border-color: #d0e2ff !important;
}
#six-sigma .service-card,
#six-sigma .service-card p,
#six-sigma .service-card li {
    color: #1e2f4a !important;
}
#six-sigma .deliverable-item {
    border-top-color: #cbdffb !important;
}

/* ==================== 新增样式：欧拉大师模块 ==================== */
.euler-home-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #f8fafc 0%, #e8f0fe 100%);
  position: relative;
  overflow: hidden;
}
.euler-home-section::before {
  content: '';
  position: absolute;
  top: -30%;
  right: -5%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(0,102,204,0.05) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.euler-home-badge {
  display: inline-block;
  background: linear-gradient(135deg, #0066cc, #6e00ff);
  color: #fff;
  padding: 8px 24px;
  border-radius: 30px;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(0,102,204,0.2);
}
.euler-home-title {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 15px;
  color: #1e293b;
}
.euler-home-title span {
  background: linear-gradient(135deg, #0066cc, #6e00ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.euler-home-subtitle {
  font-size: 1.1rem;
  color: #6b7280;
  margin-bottom: 40px;
  max-width: 800px;
}
.euler-home-highlight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 50px;
  margin-bottom: 40px;
  padding: 25px 30px;
  background: #fff;
  border-radius: 60px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04);
  border: 1px solid #e5e7eb;
}
.euler-home-highlight-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.euler-home-highlight-item i {
  font-size: 2rem;
  color: #0066cc;
}
.euler-home-highlight-item strong {
  font-size: 1.8rem;
  font-weight: 800;
  color: #1e293b;
  margin-right: 5px;
}
.euler-home-highlight-item span {
  font-size: 0.9rem;
  color: #6b7280;
}
.euler-home-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.euler-home-card {
  background: #fff;
  border-radius: 20px;
  padding: 25px 20px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04);
  border: 1px solid #e5e7eb;
  transition: all 0.3s;
}
.euler-home-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,102,204,0.1);
  border-color: #0066cc;
}
.euler-home-card-icon {
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, #0066cc, #6e00ff);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 18px;
  box-shadow: 0 6px 15px rgba(0,102,204,0.2);
}
.euler-home-card h4 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1e293b;
}
.euler-home-card p {
  font-size: 0.85rem;
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 0;
}
.euler-home-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 15px;
}
.euler-home-tag {
  background: #e8f0fe;
  color: #0066cc;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 500;
}
.euler-home-compare {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 30px 0;
  flex-wrap: wrap;
}
.euler-home-compare-item {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  padding: 12px 25px;
  border-radius: 40px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  border: 1px solid #e5e7eb;
}
.euler-home-compare-item .label {
  color: #6b7280;
  font-size: 0.85rem;
}
.euler-home-compare-item .value {
  font-size: 1.3rem;
  font-weight: 800;
  color: #0066cc;
}
.euler-home-compare-item .desc {
  font-size: 0.8rem;
  color: #6b7280;
}
.euler-home-cta {
  text-align: center;
  margin-top: 30px;
}
.euler-home-cta .btn {
  padding: 14px 40px;
  font-size: 1rem;
}
@media (max-width: 992px) {
  .euler-home-grid { grid-template-columns: repeat(2, 1fr); }
  .euler-home-title { font-size: 2rem; }
}
@media (max-width: 576px) {
  .euler-home-grid { grid-template-columns: 1fr; }
  .euler-home-highlight { gap: 20px; padding: 20px 15px; }
  .euler-home-highlight-item { flex-direction: column; text-align: center; gap: 5px; }
  .euler-home-highlight-item i { font-size: 1.8rem; }
  .euler-home-highlight-item strong { font-size: 1.5rem; }
  .euler-home-compare { flex-direction: column; align-items: stretch; gap: 12px; }
  .euler-home-compare-item { justify-content: center; }
}

/* ==================== 新增样式：统一卡片（荣誉与著作） ==================== */
.unified-card {
  background: #f8fafc;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  border: 1px solid #e5e7eb;
  transition: all 0.2s;
  height: 100%;
}
.unified-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  border-color: #0066cc;
}
.unified-img-wrapper {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
  background: #fff;
  border-radius: 8px;
  padding: 0.5rem;
}
.unified-img-wrapper.book-cover-bg {
  background: linear-gradient(135deg, #0066cc, #6e00ff);
}
.unified-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.book-cover-bg .unified-img {
  width: 80px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.unified-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.25rem;
}
.unified-year {
  font-size: 0.75rem;
  color: #6b7280;
}

/* ==================== 视频占位符样式 ==================== */
.custom-video-placeholder {
  transition: transform 0.2s;
}
.custom-video-placeholder:hover {
  transform: scale(1.02);
}
.custom-video-wrapper {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(135deg, #1e3a8a, #3b82f6);
}
.custom-video-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 案例筛选按钮移动端优化 */
@media (max-width: 576px) {
    .case-filter-btn {
        padding: 0.4rem 1rem !important;
        font-size: 0.8rem !important;
    }
}

/* ==================== 移动端显示修复（新增） ==================== */

/* 1. 服务标签栏移动端优化 */
@media (max-width: 768px) {
  .services-nav {
    gap: 0.5rem;
    row-gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
  
  .service-tab {
    padding: 0.5rem 1rem !important;
    font-size: 0.8rem !important;
    white-space: nowrap;
    flex: 0 0 auto;
  }
  
  .service-tab:last-child {
    white-space: nowrap;
  }
  
  .service-tab .badge {
    font-size: 0.6rem;
    padding: 0.2rem 0.35rem;
    margin-left: 0.25rem !important;
  }
}

@media (max-width: 480px) {
  .service-tab {
    padding: 0.4rem 0.8rem !important;
    font-size: 0.75rem !important;
  }
}

/* 2. 案例筛选按钮移动端优化 */
@media (max-width: 768px) {
  .case-filter {
    gap: 0.4rem;
    row-gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
  
  .case-filter-btn {
    padding: 0.4rem 0.9rem !important;
    font-size: 0.75rem !important;
    border-width: 1.5px;
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  .case-filter-btn {
    padding: 0.35rem 0.7rem !important;
    font-size: 0.7rem !important;
  }
}

/* 3. 资讯模块（最新动态）移动端优化 */
@media (max-width: 768px) {
  .news-card {
    padding: 1rem;
  }
  
  .news-card .h5 {
    font-size: 1rem !important;
    margin-bottom: 0.5rem;
  }
  
  .news-card p {
    font-size: 0.8rem !important;
    margin-bottom: 0.8rem;
  }
  
  .news-card .btn-link {
    font-size: 0.8rem;
    padding: 0;
  }
  
  .d-flex.align-items-center.justify-content-between h2 {
    font-size: 1.3rem;
  }
}

/* 4. FAQ区块移动端优化 */
@media (max-width: 768px) {
  .faq-question {
    padding: 0.8rem 0;
    font-size: 0.9rem;
  }
  
  .faq-answer {
    font-size: 0.85rem;
  }
}

/* 5. 核心承诺区域移动端优化 */
@media (max-width: 768px) {
  .promise-section h2 {
    font-size: 1.4rem;
  }
  
  .promise-highlight h3 {
    font-size: 1.2rem !important;
  }
  
  .promise-item .fw-bold {
    font-size: 0.8rem;
  }
  
  .promise-item .small {
    font-size: 0.65rem;
  }
  
  .icon-wrapper {
    width: 40px;
    height: 40px;
    font-size: 1.1rem;
  }
}

/* 6. 权威认证六宫格移动端优化 */
@media (max-width: 768px) {
  .authority-grid {
    gap: 0.6rem;
  }
  
  .auth-card {
    padding: 0.7rem 0.8rem;
  }
  
  .auth-card-text .fw-bold {
    font-size: 0.8rem;
  }
  
  .auth-card-text small {
    font-size: 0.65rem;
  }
  
  .data-card {
    padding: 0.6rem;
  }
  
  .data-card .display-6 {
    font-size: 1.2rem;
  }
  
  .data-card .small {
    font-size: 0.6rem;
  }
}

/* 7. 欧拉大师模块移动端优化 */
@media (max-width: 768px) {
  .euler-home-title {
    font-size: 1.5rem;
  }
  
  .euler-home-subtitle {
    font-size: 0.9rem;
  }
  
  .euler-home-highlight {
    padding: 15px 10px;
  }
  
  .euler-home-highlight-item i {
    font-size: 1.5rem;
  }
  
  .euler-home-highlight-item strong {
    font-size: 1.3rem;
  }
  
  .euler-home-card {
    padding: 18px 15px;
  }
  
  .euler-home-card-icon {
    width: 45px;
    height: 45px;
    font-size: 1.3rem;
  }
  
  .euler-home-card h4 {
    font-size: 1rem;
  }
  
  .euler-home-card p {
    font-size: 0.75rem;
  }
}

/* 8. 方法论时间轴移动端优化 */
@media (max-width: 768px) {
  .timeline-horizontal {
    gap: 0.6rem 1rem;
  }
  
  .timeline-item {
    min-width: 55px;
  }
  
  .timeline-item .year {
    font-size: 0.9rem;
  }
  
  .timeline-item .milestone {
    font-size: 0.65rem;
  }
}

/* 9. 合作伙伴标题移动端优化 */
@media (max-width: 768px) {
  .logo-marquee-section h2 {
    font-size: 1.2rem !important;
  }
  
  .logo-marquee-section p {
    font-size: 0.75rem;
  }
}

/* 10. 案例标题移动端优化 */
@media (max-width: 768px) {
  .case-detail-section h2 {
    font-size: 1.3rem;
  }
  
  .case-detail-section p.text-muted {
    font-size: 0.8rem;
  }
  
  .case-content h4 {
    font-size: 0.95rem;
  }
  
  .case-content p {
    font-size: 0.7rem;
  }
  
  .case-quote {
    font-size: 0.65rem;
  }
}

/* 11. CTA区域移动端优化 */
@media (max-width: 768px) {
  .cta-title {
    font-size: 1.5rem;
  }
  
  .cta-subtitle {
    font-size: 0.9rem;
  }
  
  .cta-features {
    gap: 0.8rem;
  }
  
  .cta-feature {
    font-size: 0.7rem;
  }
}

/* 12. 白皮书横幅移动端优化 */
@media (max-width: 768px) {
  .whitepaper-banner {
    flex-direction: column !important;
    text-align: center;
    gap: 0.8rem;
  }
  
  .whitepaper-banner .d-flex {
    flex-direction: column;
    text-align: center;
  }
  
  .whitepaper-banner i {
    margin-right: 0 !important;
    margin-bottom: 0.5rem;
  }
}

/* 13. 双驱一基横幅移动端优化 */
@media (max-width: 768px) {
  .dual-drive-banner .row {
    text-align: center;
  }
  
  .dual-drive-banner .col-md-3 {
    margin-bottom: 0.5rem;
  }
  
  .dual-drive-banner .badge {
    font-size: 0.7rem;
  }
  
  .dual-drive-banner p {
    font-size: 0.8rem;
  }
}

/* 14. 在线学习平台横幅移动端优化 */
@media (max-width: 768px) {
  .py-2.bg-light .d-flex {
    flex-direction: column;
    text-align: center;
    gap: 0.8rem;
  }
  
  .py-2.bg-light i {
    margin-right: 0 !important;
    margin-bottom: 0.5rem;
  }
  
  .py-2.bg-light span {
    display: block;
  }
  
  .py-2.bg-light .text-muted {
    display: none;
  }
}

/* 15. 专家团队轮播移动端优化 */
@media (max-width: 768px) {
  .team-item {
    padding: 1rem !important;
  }
  
  .team-item img {
    width: 100px !important;
    height: 100px !important;
  }
  
  .team-item p {
    font-size: 0.8rem !important;
  }
  
  .advisor-stats-grid {
    gap: 0.6rem;
  }
  
  .advisor-stat-number {
    font-size: 1.5rem;
  }
  
  .advisor-stat-label {
    font-size: 0.8rem;
  }
  
  .advisor-stat-desc {
    font-size: 0.65rem;
  }
}

/* 16. 数据统计卡片移动端优化 */
@media (max-width: 768px) {
  .stat-icon {
    width: 45px;
    height: 45px;
    font-size: 1.2rem;
  }
  
  .stat-number {
    font-size: 1.6rem;
  }
  
  .stat-label {
    font-size: 0.75rem;
  }
}

/* 17. 荣誉与著作移动端优化 */
@media (max-width: 768px) {
  .unified-card {
    padding: 0.7rem;
  }
  
  .unified-img-wrapper {
    height: 90px;
  }
  
  .unified-title {
    font-size: 0.75rem;
  }
  
  .unified-year {
    font-size: 0.65rem;
  }
}

/* 18. 客户评价轮播移动端优化 */
@media (max-width: 768px) {
  .client-quote-marquee {
    padding: 0.5rem 1rem;
    margin-top: 0.8rem;
  }
  
  .client-quote-marquee .swiper-slide {
    font-size: 0.8rem;
  }
}

/* 19. 痛点横幅移动端优化 */
@media (max-width: 768px) {
  .pain-point-banner {
    padding: 0.6rem 1rem;
    font-size: 0.75rem;
    border-radius: 30px;
  }
  
  .pain-point-banner span {
    display: inline-block;
  }
  
  .pain-point-banner .mx-3 {
    display: none;
  }
  
  .pain-point-banner .mx-2 {
    margin: 0 0.3rem !important;
  }
}

/* 20. 服务卡片内容移动端优化 */
@media (max-width: 768px) {
  .service-card {
    padding: 1.2rem;
  }
  
  .service-card h3 {
    font-size: 1rem !important;
  }
  
  .service-features li {
    font-size: 0.8rem;
    padding: 0.25rem 0;
  }
  
  .deliverable-item {
    font-size: 0.7rem;
  }
  
  .badge-certified {
    font-size: 0.65rem;
    padding: 0.2rem 0.8rem;
  }
}

/* 21. 核心工具方法入口移动端优化 */
@media (max-width: 768px) {
  .container.mt-5 .badge {
    padding: 0.4rem 1rem !important;
    font-size: 0.75rem;
  }
}

/* ========== 首页专属样式（最终优化版） ========== */

/* --- 统一模块标题（不加粗，像客户证言一样） --- */
.section-title {
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    color: #1e293b !important;
    line-height: 1.4;
    margin-bottom: 0.35rem;
}
.section-desc {
    font-size: 0.95rem !important;
    color: #64748b !important;
    line-height: 1.6;
}

/* --- 首屏主标题轻量化 --- */
.main-heading {
    font-size: clamp(1.2rem, 3vw, 1.6rem) !important;
    font-weight: 400 !important;
    margin-bottom: 0.25rem;
}
.sub-heading {
    font-size: clamp(0.85rem, 1.5vw, 1rem) !important;
    margin-bottom: 1rem;
}
.hero-cta-primary {
    padding: 0.55rem 1.5rem !important;
    font-size: 0.9rem !important;
}
.hero-cta-secondary {
    padding: 0.55rem 1.5rem !important;
    font-size: 0.9rem !important;
}

/* --- 服务卡片列表行距缩小（覆盖 all.min1.css 的 0.75rem margin-bottom） --- */
.service-features li {
    padding: 0.15rem 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    font-size: 0.85rem !important;
.service-panel .text-center.mt-5 {
    margin-top: 0.5rem !important;
}
}

/* --- 核心承诺紧凑 --- */
.promise-section {
    padding: 1.5rem 0 1rem !important;
}
.promise-section .row.justify-content-center .col-md-5 > div {
    padding: 0.8rem !important;
}
.promise-section .row.justify-content-center .col-md-5 > div h3 {
    font-size: 1.2rem !important;
}
.promise-section .d-flex.flex-wrap .fw-bold {
    font-size: 0.8rem !important;
}
.promise-section .d-flex.flex-wrap > div > div:first-child {
    width: 40px !important;
    height: 40px !important;
    font-size: 1rem !important;
}

/* --- 专家团队透明化 + 按钮贴近 --- */
.advisor-stat-number { font-size: 1.6rem !important; }
.advisor-stat-label { font-size: 0.85rem !important; }
.advisor-stat-desc { font-size: 0.7rem !important; }
.team-section .swiper-container {
    margin-bottom: 0.5rem !important;
}

/* --- 统一所有详情类按钮大小（覆盖 all.min1.css 里的默认 btn-sm 样式） --- */
.btn-sm,
.btn-outline-primary.btn-sm,
.btn-outline-secondary.btn-sm,
.btn-primary.btn-sm {
    font-size: 0.75rem !important;
    padding: 0.3rem 0.9rem !important;
    line-height: 1.4 !important;
}

/* --- FAQ 行距缩小（覆盖 all.min1.css 的 FAQ 样式） --- */
.faq-item {
    padding: 0.2rem 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.faq-item:first-child {
    border-top: 1px solid #f0f0f0 !important;
}
.faq-question {
    padding: 0.35rem 0 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}
.faq-answer {
    padding: 0 0 0.35rem 0 !important;
    font-size: 0.8rem !important;
}

/* --- 横幅微调 --- */
.pain-point-banner {
    background: #fef3c7;
    border-radius: 50px;
    padding: 0.6rem 1.2rem;
    margin-bottom: 0.8rem;
    border: 1px solid #fcd34d;
}
.client-quote-marquee {
    background: linear-gradient(135deg, #f0f7ff, #e6f2ff);
    border-radius: 50px;
    padding: 0.5rem 1.2rem;
    margin-top: 0.8rem;
}

/* --- 双驱一基移动端优化 --- */
@media (max-width: 768px) {
  .dual-drive-banner .row {
    text-align: center;
  }
  .dual-drive-banner .col-md-3 {
    margin-bottom: 0.5rem;
  }
  .dual-drive-banner .badge {
    font-size: 0.7rem;
  }
  .dual-drive-banner p {
    font-size: 0.8rem;
  }
}
/* 覆盖服务面板内的大按钮样式，使其与 btn-sm 统一 */
.service-panel .btn-lg {
    font-size: 0.75rem !important;
    padding: 0.4rem 1.2rem !important;
}
/* 服务卡片底部紧贴文字 */
.service-card {
    padding-bottom: 0.8rem !important;
}
.service-card p:last-child,
.service-card .deliverable-item:last-child,
.service-card .small:last-child {
    margin-bottom: 0 !important;
}
/* 权威仪表板移动端响应式 */
@media (max-width: 768px) {
    .authority-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .auth-card, .data-card {
        border-right: 1px solid #f1f5f9 !important;
    }
    .auth-card:nth-child(even), .data-card:nth-child(even) {
        border-right: none !important;
    }
}
/* 案例标题缩小，确保单行展示 */
.case-detail-card h4 {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.3rem;
}
.case-detail-card .case-content > p {
    font-size: 0.78rem;
    color: #64748b;
    margin-bottom: 0.3rem;
}