@charset "utf-8";
/* ====================公共样式========================= */
/* 头部 */
.Header-other-logo{position:absolute;top:0;left:0;z-index:-1}

.Header{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background: #fff;user-select: none;box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.05);transition: all .4s ease;}
.Header::after{content: "";width: 100%;height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 0;bottom: 0;opacity: 0;transition: all .4s ease;}
.Header>.contain{width: 100%;padding: 0 120px;}
.Header-logo{float: left;width: 180px;height: 78px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{max-width: 100%;}
.Header-logo img.s{display: none;}

/* /template/default/images/common/logo.svg */

.Header-lang{float: right;position: relative;z-index: 999;margin-left: 12px;}
.Header-lang-menu{display: flex;align-items: center;height: 78px;color: #666;transition: color .4s ease;}
.Header-lang-menu span{font-size: 16px;font-family: Arial;}
.Header-lang-menu i{font-size: 22px;margin-right: 4px;}
.Header-lang.active .Header-lang-menu{color: #3598ff;}
/* 多个语言 Header-lang-more添加class="hasIcon" 就会启用图标 */
.Header-lang-more{display: none;z-index: 9;width: 160px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top: 78px;left: 50%;margin-left: -80px;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: flex;font-size: 16px;color: #666;justify-content: center;padding: 10px 0;transition: all .4s ease;}
.Header-lang-more.hasIcon a span{background-repeat: no-repeat;background-position: left center;padding-left: 28px;min-width: 60px;}
.Header-lang-more.hasIcon a.CN span{background-image: url('../images/common/icon-cn.png');}
.Header-lang-more.hasIcon a.FT span{background-image: url('../images/common/icon-ft.png');}
.Header-lang-more.hasIcon a.EN span{background-image: url('../images/common/icon-en.png');}
.Header-lang-more.hasIcon a.DE span{background-image: url('../images/common/icon-de.png');}
.Header-lang-more.hasIcon a.BR span{background-image: url('../images/common/icon-br.png');}
.Header-lang-more.hasIcon a.ES span{background-image: url('../images/common/icon-es.png');}
.Header-lang-more.hasIcon a.FR span{background-image: url('../images/common/icon-fr.png');}
.Header-lang-more.hasIcon a.JP span{background-image: url('../images/common/icon-jp.png');}
.Header-lang-more.hasIcon a.RU span{background-image: url('../images/common/icon-ru.png');}
.Header-lang-more a:hover {color: #fff;background: #3598ff;}
.Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}

.Header-search{float: right;}
.Header-search-click{width: 40px;height: 78px;color: #666;font-size: 20px;cursor: pointer;z-index: 999;transition: color .4s ease;display: flex;align-items: center;justify-content: center;position: relative;}
.Header-search-click::after{content: "\e6a6";font-family: "icon";}
.Header-search-click.active::after{content: "\e903";font-size: 17px;}
.Header-search-click:hover{color: #3598ff !important;}
.Header-search-item{display: none;position: absolute;width: 100%;height: 78px;align-items: center;top: 0;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{padding-right: 148px;}
.Header-search-item.active{display: flex;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input[type="text"]{width: 0px;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;color: #666;background: transparent;}
.Header-search-item.active input[type="text"]{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 0;}100%{width: 520px;}}
.Header-search-item button{width: 50px;height: 40px;font-size: 20px;color: #666;background: transparent;cursor: pointer;margin-right: 0;}
.Header-search-item button::after{content: "\e6a6";font-family: "icon";}
.Header.onSearch .Header-navbar{visibility: hidden;opacity: 0;}

.Header-btn{display: flex;height: 78px;display: flex;align-items: center;float: right;}
.Header-btn a{height: 40px;font-size: 14px;line-height: 1;display: flex;align-items: center;border-radius: 20px;position: relative;overflow: hidden;padding: 0 22px;color: #fff;margin-left: 12px;transition: box-shadow .4s ease,color .4s ease;}
.Header-btn a:first-child{margin-left: 0;}
.Header-btn a span, .Header-btn a i{position: relative;z-index: 4;}
.Header-btn a i{margin-right: 7px;font-size:16px;}
.Header-btn a::before, .Header-btn a::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.Header-btn a::before{background: linear-gradient(to right,#2785ef,#986ffe);}
.Header-btn a::after{background: linear-gradient(to right,#986ffe,#2785ef);opacity: 0;}
.Header-btn a.nobk::before, .Header-btn a.nobk::after{background:none;}
.Header-btn .freeBtn:hover::after{opacity: 1;}
.Header-btn .freeBtn:hover{box-shadow: 0 4px 10px 0px rgba(53, 152, 255, 0.3);}
/*.Header-btn a.loginBtn{display: none;}*/
.Header-center{position: relative;user-select: none;}
.Header-center-menu{height: 78px;display: flex;align-items: center;}
.Header-center-menu a i:nth-of-type(1){display: none;}
.Header-center-menu a i:nth-of-type(2){transform: rotate(180deg);font-size: 12px;margin-left: 8px;}
.Header-center-menu a:hover{box-shadow: none !important;}
.Header-center.active .Header-center-menu a i:nth-of-type(2){transform: rotate(0);}
.Header-center-drop{display: none;position: absolute;background: #fff;top: 78px;left: 50%;width: 130px;margin-left: -65px;padding: 8px 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 14px;box-shadow: 0 6px 8px 0px rgba(0, 0, 0, 0.05);}
.Header-center-drop a::before, .Header-center-drop a::after{display: none;}
.Header-center-drop a{height: 36px;font-size: 14px;line-height: 1;display: flex;align-items: center;justify-content: center;border-radius: 0;padding: 0;color: #252b3a;margin: 0;}
.Header-center-drop a:hover{box-shadow: none !important;color: #2785ef;text-decoration: underline;}

.Header-phone{float: right;display: flex;align-items: center;height: 78px;cursor: pointer;margin-right: 36px;}
.Header-phone span{font-size: 16px;color: #252b3a;padding-left: 28px;transition: color .4s ease;position:relative;}
.Header-phone i{width:18px;height:100%;display:flex;align-items:center;left:0;top:0;background: url('../images/common/phone.svg') no-repeat center/18px auto;position:absolute;transition: background .4s ease;}
@media all and (min-width:1100px) {
    .Header-phone i{animation:phoneRun 3s ease infinite}
    @keyframes phoneRun {
        0% {transform: scale(1);background-image: url('../images/common/phone.svg');}
        6%,12% {transform: scale(1) rotate(-6deg);background-image: url('../images/common/phone.svg');}
        18%,30%,42%,54% {transform: scale(1.24) rotate(6deg);background-image: url('../images/common/phone.svg');}
        24%,36%,48% {transform: scale(1.24) rotate(-6deg);background-image: url('../images/common/phoneH.svg');}
        60% {transform: scale(1) rotate(0);background-image: url('../images/common/phone.svg');}
        100% {transform: scale(1) rotate(0);background-image: url('../images/common/phone.svg');}
    }
}

.Header-phone:hover span{color: #3598ff;}
/*.Header-phone:hover span i{background-image: url('../images/common/phoneH.svg');}*/
.Header-navbar{float: right;margin-right: 28px;visibility: visible;opacity: 1;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar>ul>li{float: left;position: relative;z-index: 9;}
.Header-menu{position: relative;height: 78px;padding: 0 22px;display: flex;align-items: center;font-size: 16px;color: #252b3a;transition: color .4s ease;}
.Header-navbar>ul>li:hover .Header-menu, .Header-navbar>ul>li.active .Header-menu{color: #3598ff;}
.Header-arrow{display: none;}
.Header-drop{display: none;position: absolute;background: #fff;top: 78px;left: 50%;width: 140px;margin-left: -70px;padding: 8px 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 14px;box-shadow: 0 6px 8px 0px rgba(0, 0, 0, 0.05);}
.Header-drop .Header-drop-menu{display: flex;font-size: 15px;color: #333;width: 100%;min-height: 35px;position: relative;align-items: center;justify-content: center;padding: 6px 0;transition: all .4s ease;}
.Header-drop .Header-drop-menu:hover{color: #3598ff;}
.Header-drop.Header-drop-product{left: 10px;margin: 0;width: 344px;padding: 16px;}
.Header-drop.Header-drop-product .Header-drop-menu{padding: 18px;border-radius: 6px;}
.Header-drop.Header-drop-product .img{width: 50px;padding-right: 12px;}
.Header-drop.Header-drop-product .cont{width: calc(100% - 50px);}
.Header-drop.Header-drop-product .cont h6{font-size: 15px;color: #333;font-weight: 700;transition: all .4s ease;}
.Header-drop.Header-drop-product .cont p{font-size: 14px;color: #777;line-height: 20px;margin-top: 6px;}
.Header-drop.Header-drop-product .Header-drop-menu:hover{background: #fafafc;}
.Header-drop.Header-drop-product .Header-drop-menu:hover .cont h6{color: #3598ff;}

/* 如果需要透明：页面body添加class="Lucency noGap"，样式修改 */
@media all and (min-width:1100px) {
    .Lucency.Header{background: transparent;box-shadow: none;}
    .Lucency.Header::after{background: rgba(255, 255, 255, 0.2);opacity: 1;}
    .Lucency.Header .Header-logo img.s{opacity: 1;}.Lucency .Header-logo img.h{opacity: 0;}
    .Lucency.Header .Header-menu{color: #fff;}
    .Lucency.Header .Header-lang-menu{color: #fff;}
    .Lucency.Header .Header-search-click{color: #fff;}
    
    .LucencyLogo.Header .Header-logo img{position: absolute;transition: opacity .4s ease;top: 0;bottom: 0;margin: auto 0;}
    .LucencyLogo.Header .Header-logo img.s{display: block;}
    
    .onMouse.Header, .onSearch.Header{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
    .onMouse.Header::after, .onSearch.Header::after{background: rgba(0, 0, 0, 0.1);opacity: 0;}
    .onMouse.Header .Header-menu, .onSearch.Header .Header-menu{color: #666;}
    .onMouse.Header .Header-logo img.s, .onSearch.Header .Header-logo img.s{opacity: 0;}
    .onMouse.Header .Header-logo img.h, .onSearch.Header .Header-logo img.h{opacity: 1;}
    .onMouse.Header .Header-lang-menu, .onSearch.Header .Header-lang-menu{color: #666;}
    .onMouse.Header .Header-search-click, .onSearch.Header .Header-search-click{color: #666;}
    
    .noGap.Container{margin-top: 0;}
}

.Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #252b3a;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #252b3a;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* 申请 */
.toApply{width: 100%;padding: 64px 0;background: url('../images/common/Fxt.jpg') no-repeat center/cover;text-align: center;color: #fff;}
.toApply .title{font-size: 36px;line-height: 1.14;font-weight: 700;}
.toApply .btn{margin-top: 20px;justify-content: center;}
.toApply .btn a{display: flex;align-items: center;width: 168px;height: 40px;border-radius: 20px;border: 1px solid #fff;font-size: 14px;justify-content: center;margin-left: 20px;overflow:hidden;position:relative;}
.toApply .btn a span{position:relative;z-index:4;}
.toApply .btn a:first-child{margin-left: 0;}
.toApply .btn a::before{content:"";position:absolute;width:0;top:0;right:0;opacity:0;background:#fff;height:100%;}
.toApply .btn a.freeBtn::before{width:100%;left:0;right:auto;transform:translateX(0);}
.toApply .btn a.freeBtn{background:#fff;color:#3598ff;transition:all .4s ease;}
.toApply .btn a.freeBtn:hover{animation: toApplyRunBg 1s ease both;}
@keyframes toApplyRunBg{
    0%{background:#fff;color:#3598ff}
    10%{background:transparent;}
    50%{color:#fff}
    90%{background:transparent;}
    100%{background:#fff;color:#3598ff}
}
.toApply .btn a.freeBtn:hover::before{animation: toApplyRun1 1s ease both;}
@keyframes toApplyRun1{
    0%{transform:translateX(0);opacity:1}
    49.99%{transform:translateX(100%);opacity:1}
    50%{transform:translateX(100%);opacity:0}
    50.1%{transform:translateX(-100%);opacity:0}
    50.2%{transform:translateX(-100%);opacity:1}
    100%{transform:translateX(0);opacity:1}
}
.toApply .btn a.freeBtn:hover{box-shadow: 0 4px 12px 0 rgba(255, 255, 255, 0.4);}
.toApply .btn a.make{transition:color .4s ease .2s,box-shadow .4s ease,background .4s ease}
.toApply .btn a.make::before{transition:width .4s ease,opacity .2s ease .4s}
.toApply .btn a.make:hover{color:#3598ff;background:#fff;box-shadow: 0 4px 12px 0 rgba(255, 255, 255, 0.4);transition:color .4s ease .2s,box-shadow .4s ease,background .4s ease .4s}
.toApply .btn a.make:hover::before{width:100%;left:0;right:auto;opacity:1;transition:width .4s ease .2s,opacity .2s ease}

/* 底部 */
.Footer{width: 100%;background: #0f1e2e;position: relative;z-index: 9;}
.Footer-hint{display:none !important;width: 100%;padding: 34px 0;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #1d2b3a;}
.Footer-hint .items{align-items: center;padding: 0 92px;position: relative;}
.Footer-hint .items::before{width: 1px;height: 30px;content: "";position: absolute;top: 50%;margin-top: -15px;left: 0;background: url('../images/common/authLine.png') no-repeat center/auto 100%;}
.Footer-hint .items:first-child:before{display: none;}
.Footer-hint .items .img{max-width: 26px;height: 26px;display: flex;align-items: center;}
.Footer-hint .items .img img{max-width: 100%;max-height: 100%;}
.Footer-hint .items .text{color: #fff;font-size: 14px;margin-left: 14px;}

.Footer-items{width: 100%;padding: 54px 0 48px;}
.Footer-info{width: 240px;}
.Footer-info .logo{display: block;width: 100%;}
.Footer-info .logo img{width: auto;max-width: 201px;}
.Footer-info .code{width:100%;margin-top: 28px;}
.Footer-info .code li{width: 112px;text-align: center;margin-left:12px;}
.Footer-info .code li:first-child{margin-left:0}
.Footer-info .code .img{width: 100%;height: 108px;border-radius: 8px;overflow: hidden;padding: 4px;background: #fff;display: flex;align-items: center;}
.Footer-info .code .img img{width: 100%;max-height: 100%;}
.Footer-info .code p{font-size: 14px;color: #fff;opacity: 0.5;margin-top: 8px;}
.Footer-navbar{width: calc(100% - 220px - 240px);padding: 0 80px;user-select: none;}
.Footer-navbar>ul{justify-content: space-between;}
.Footer-navbar>ul>li{width: auto;position: relative;}
.Footer-menu{font-size: 14px;color: #fff;display: flex;}
.Footer-arrow{display: none;}
.Footer-drop{width: 100%;margin-top: 22px;}
body.PC .Footer-drop{display: block !important;}
.Footer-drop-menu{display: flex;position: relative;width: 100%;}
.Footer-drop-menu>a{font-size: 14px;padding: 10px 0;color: #fff;opacity: 0.5;max-width: 110px;display: flex;line-height: 1.24;transition: all .4s ease;}
.Footer-drop-menu>a:hover{opacity: 1;}
.Footer-more{width: 220px;}
.Footer-more li{width: 100%;margin-top: 24px;}
.Footer-more li:first-child{margin-top: 0;}
.Footer-more li .name{color: #fff;opacity: 0.5;}
.Footer-more li .text{color: #fff;margin-top: 10px;}
.Footer-more li .text.dh{font-family:'HB';font-size: 30px;line-height: 1;}
.Footer-more li .text.yx{font-size: 15px;font-weight: 700;}
.Footer-more li .text.dz{font-size: 15px;line-height: 26px;}

.Footer-friend{width: 100%;display: flex;align-items: flex-start;padding: 18px 0;border-top: 1px solid #1d2b3a;}
.Footer-friend-hint, .Footer-friend-link a {color: #fff;line-height: 24px;font-size: 14px;opacity: 0.5;}
.Footer-friend-link{flex: 1;}
.Footer-friend-link a{transition: all .4s ease;margin-right: 26px;}
.Footer-friend-link a:last-of-type{margin-right: 0;}
.Footer-friend-link a:hover{opacity: 1;}

.Footer-copyright{width: 100%;border-top: 1px solid #1d2b3a;padding: 28px 0;justify-content: space-between;align-items: center;}
.Footer-copyright .info{color: #fff;line-height: 18px;font-size: 14px;}
.Footer-copyright .text p{margin-left: 12px;opacity: 0.5;}
.Footer-copyright .text p:first-child{margin-left: 0;}
.Footer-copyright .link a{transition: all .4s ease;color: rgba(255, 255, 255, 0.5);margin-left: 20px;position: relative;}
.Footer-copyright .link a::before{content: "";position: absolute;width: 1px;height: 12px;top: 50%;margin-top: -6px;background: rgba(255, 255, 255, 0.5);left: -11px;pointer-events: none;}
.Footer-copyright .link p:first-child a{margin-left: 0;}
.Footer-copyright .link p:first-child a:before{display: none;}
.Footer-copyright .link a:hover{color: #fff;}

/* 侧边栏 */
.sideBarBlack{display: none;}
.sideBar{position: fixed;z-index: 88;top: 50%;transform: translateY(-50%);right: 12px;user-select: none;}
.sideBar-chat{width: 70px;height: 70px;padding: 4px;border-radius: 50%;background: linear-gradient(to right,#2785ef,#986ffe);position: relative;display: flex;align-items: center;justify-content: center;margin-bottom: 21px;display:none}
.sideBar-chat img{width: 100%;height: 100%;}
.sideBar-chat span{position: absolute;width: 100%;height: 26px;display: flex;align-items: center;line-height: 1;font-size: 12px;color: #fff;background: linear-gradient(to right,#2785ef,#986ffe);bottom: -12px;left: 0;border-radius: 10px;justify-content: center;}
.sideBar-list{width: 70px;border-radius: 10px;background: linear-gradient(to right,#2785ef,#986ffe);}
.sideBar-list li{width: 100%;position: relative;}
.sideBar-list li .sideBar-menu::before{content: "";position: absolute;width: calc(100% - 16px);left: 8px;bottom: 0;height: 1px;background: rgba(255, 255, 255, 0.25);}
.sideBar-list li:last-child .sideBar-menu::before{display: none;}
.sideBar-list .sideBar-menu{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 13px 0;cursor: pointer;color: #fff;transition: all .4s ease;position:relative}
.sideBar-list .sideBar-menu i{font-size: 18px;}
.sideBar-list .sideBar-menu p{font-size: 12px;line-height: 20px;}
.sideBar-list li:hover .sideBar-menu{opacity: 0.7;}
.sideBar-code{display: none;position: absolute;right: 0;padding-right: 80px;top: 0;height: 100%;cursor: pointer;}
.sideBar-code p{display: flex;align-items: center;width: 120px;height: 120px;justify-content: center;border-radius: 5px;box-shadow: 0 0 10px 2px rgba(53, 152, 255, 0.2);position: relative;color: #fff;padding: 4px;background: #fff;}
.sideBar-code p::before{content:"";position:absolute;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px;background:url('../images/common/codeGz.png') no-repeat center/cover;z-index:2;}
.sideBar-code p img{width: 100%;height: 100%;}
.sideBar-phone{display: none;align-items: center;justify-content: center;position: absolute;right: 0;padding-right: 80px;top: 0;height: 100%;cursor: pointer;}
.sideBar-phone p{display: flex;align-items: center;width: 168px;height: 80%;font-size: 20px;background: #fff;justify-content: center;border-radius: 5px;box-shadow: 0 0 10px 2px rgba(53, 152, 255, 0.2);position: relative;color: #3598ff;}
.sideBar-more{display: none;align-items: center;justify-content: center;position: absolute;right: 0;padding-right: 80px;top: 0;height: 100%;cursor: pointer;}
.sideBar-more-wrap{width: 360px;height: 168px;margin-top: -48px;border-radius: 5px;box-shadow: 0 0 10px 2px rgba(53, 152, 255, 0.2);position: relative;color: #666;padding: 10px;background: #fff;}
.sideBar-more-wrap a{display:block;width:100%;transition:all .4s ease;padding:6px;border-radius:5px;}
.sideBar-more-wrap a:hover{background:rgb(241,243,250)}
.sideBar-more-wrap a .name{display:flex;align-items:center;font-size:16px;color:#000;}
.sideBar-more-wrap a .name i{width:33px;display:flex;align-items:center;justify-content:center}
.sideBar-more-wrap a.tel .name i{color:#2785ef;font-size:18px;}
.sideBar-more-wrap a .name p{margin-left:12px;}
.sideBar-more-wrap a .text{width:100%;font-size:12px;color:#666;line-height:20px;padding-left:45px;}
.sideBar-list li:hover .sideBar-code{display: block;}
.sideBar-list li:hover .sideBar-phone{display: flex;}
.sideBar-list li:hover .sideBar-more{display: block;}
.sideBar-list li:last-child p{display: none;}
.sideBar-list-wechat-mb{display:none;}
@media all and (max-width:680px) {
    .sideBar{transform: translateY(0);top: auto;bottom: 2px;right: 2px;width: calc(100% - 4px);}
    .sideBar-chat{display: none;}
    .sideBar-list{width:100%;}
    .sideBar-list-wechat-pc{display:none;}
    /*.sideBar-list-wechat-mb{display:block;}*/
    .sideBar-list li:last-child p{display: block;}
    .sideBar-list{margin: 0;border-radius: 6px;background: linear-gradient(to bottom,#2785ef,#986ffe);display: flex;box-shadow: 0px 16px 59.85px 3.15px rgba(28, 32, 44, 0.2);}
    .sideBar-list .sideBar-menu{padding:0;height: 66px;}
    .sideBar-list .sideBar-menu i{line-height: 1;}
    .sideBar-list .sideBar-menu p{margin-top: 2px;}
    .sideBar-list li{width: auto;flex: 1;order:2;}
    .sideBar-list li:nth-child(3){order:1;}
    .sideBar-code {padding: 0;top: auto;bottom: 72px;height: auto;right: auto;left: 50%;width: 120px;margin-left: -60px;}
    .sideBar-phone{padding-right: 0;display: block;width: 100%;}
    .sideBar-phone p{width: 138px;height: 80%;font-size: 16px;display: none;}
    .sideBar-more {padding: 0;top: auto;bottom: 72px;height: auto;right: auto;width:100%;left:0;}
    .sideBar-more-wrap {width: 100%;height: auto;margin-top: 0;}
    .sideBar-list li .sideBar-menu::before {width: 1px;left: auto;right: 0;bottom: auto;height: calc(100% - 20px);top: 10px;background: rgba(255, 255, 255, 0.4);}
}

/* 视频弹窗 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{max-width: 1000px;position: relative;opacity: 0;}
.popVideo-video{width: 100%;display: flex;justify-content: center;}
.popVideo-video video{max-height: 82vh;}
.popVideo-video iframe{width: 1000px;height: 600px;}
.popVideo-close{width: 40px;height: 40px;right: -40px;top: -40px;line-height: 40px;opacity: 0.7;text-align: center;position: absolute;z-index: 3;font-size: 22px;color: #fff;cursor: pointer;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;}.popVideo-close{right: -8px;}.popVideo-video iframe{width: 100%;height: 450px;}}
@media all and (max-width:680px) {.popVideo-video iframe{height: 220px;}}

/* 中间+共用部分 */
.Container{width: 100%;margin-top: 78px;}
.ContainerNo{margin-top: 0 !important;}
.section{width: 100%;position: relative;overflow: hidden;}
.contain{width: 1280px;margin: 0 auto;}
.contain-1430{width: 1430px;margin: 0 auto;}
.contain-1388{width: 1388px;margin: 0 auto;}
.contain-1530{width: 1530px;margin: 0 auto;}

/* 协议-弹窗 */
.popDeal{position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;align-items: center;padding-top: 78px;}
.popDeal.active{display: flex;}
.popDeal .contain{position: relative;}
.popDeal-close{position: absolute;font-size: 20px;color: #cecece;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;right: 6px;top: 6px;cursor: pointer;transition: all .4s ease;}
.popDeal-close i{font-size: inherit;}
.popDeal-close:hover{color: #ff0000;}
.popDeal-more{width: 100%;background: #fff;border-radius: 16px;padding: 40px;}
.popDeal .title{width: 100%;text-align: center;}
.popDeal .line{width: 40px;height: 3px;background: #3598ff;margin-left: auto;margin-right: auto;}
.popDeal .content{width: 100%;max-height: 500px;overflow-y: auto;padding-right: 12px;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.popDeal .content::-webkit-scrollbar{width: 4px;border-radius: 4px;}
.popDeal .content::-webkit-scrollbar-thumb{background: #999;border-radius: 4px;}
.popDeal .content::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 4px;}
@-moz-document url-prefix(){
    .popDeal .content{scrollbar-color: #999 #f1f1f1;scrollbar-width:thin;}
    .popDeal .content{scrollbar-face-color: #999;scrollbar-shadow-color: #999;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .popDeal .content{scrollbar-color:#999 #f1f1f1;scrollbar-width:thin;}
    .popDeal .content{scrollbar-face-color: #999;scrollbar-shadow-color: #999;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
}
.popDeal .content p{line-height: inherit;}
@media all and (max-width:1590px) {.popDeal .content{max-height: 440px;}.popDeal-more {padding: 32px;}.popDeal .line{width: 34px;}}
@media all and (max-width:680px) {.popDeal{padding-top: 60px;}.popDeal-more {padding: 20px 16px;border-radius: 10px;}.popDeal .line {width: 28px;height: 2px;}.popDeal-close{font-size: 16px;top: 0;right: 0;}}

/* 表单 */
.hasForm li input, .hasForm li textarea, .hasForm li select{width: 100%;border: 1px solid #dedede;border-radius: 5px;font-size: 14px;color: #252b3a;transition: border .4s ease;}
.hasForm li input{height: 40px;padding: 0 12px;}
.hasForm li textarea{height: 72px;padding: 8px 12px;}
.hasForm li input:focus, .hasForm li textarea:focus{border-color: #79b6f5;}
.hasForm li.code input{padding-right: 100px;}
.hasForm li.code .sendCode{width: 100px;position: absolute;height: 40px;display: flex;align-items: center;justify-content: center;bottom: 0;right: 0;cursor: pointer;font-size: 14px;color: #3598ff;transition: all .4s ease;user-select:none;}
.hasForm li.code .sendCode.active{color: #8b9198;cursor: default;}
.hasForm li.btn{margin-top: 24px;}
.hasForm li.btn button{width: 100%;height: 40px;font-size: 14px;background: linear-gradient( 270deg, #996FFE 0%, #2985F0 100%);border-radius: 5px;color: #fff;cursor: pointer;transition: all .4s ease;}
.hasForm li.btn button:hover{box-shadow: 0px 2px 10px 2px rgba(53, 152, 255, 0.3);}
.hasForm li select{height:40px;background: url("../images/pages/select.png") no-repeat right 15px center/12px auto;padding: 0 12px;}

@media all and (max-width:1590px) {.hasForm li.btn {margin-top: 16px;}}

/* 预约演示-弹窗 */
.makeSee{position: fixed;width: 100%;height: 100%;z-index: 99;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;align-items: center;padding-top: 78px;}
.makeSee.active{display: flex;}
.makeSee .contain{position: relative;max-width: 1180px;}
.makeSee-close{position: absolute;font-size: 16px;color: #575b66;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;right: 16px;top: 16px;cursor: pointer;transition: all .4s ease;}
.makeSee-close i{font-size: inherit;}
.makeSee-close:hover{color: #ff0000;}
.makeSee-more{width: 100%;background: #fff;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.31);padding-right: 120px;}
.makeSee-info{width: calc(100% - 476px);overflow: hidden;position: relative;padding: 32px 0 80px;}
.makeSee-info::before, .makeSee-info::after{content: "";position: absolute;}
.makeSee-info::before{width: 171px;height: 133px;background: url("../images/common/yuyue1.png") no-repeat right top/100% auto;left: -36px;bottom: -36px;}
.makeSee-info::after{width: 133px;height: 152px;background: url("../images/common/yuyue2.png") no-repeat left top/100% auto;right: -36px;top: 120px;}
.makeSee-info-title{padding: 0 32px;display: flex;font-size: 18px;position: relative;z-index: 4;}
.makeSee-info-title span{line-height: 1;padding-left: 16px;border-left: 4px solid #333;}
.makeSee-loop{width: 100%;margin-top: 56px;padding: 0 116px;position: relative;z-index: 4;}
.makeSee-loop .ico{height: 40px;display: flex;align-items: center;width: 100%;justify-content: center;}
.makeSee-loop .ico img{max-height: 100%;}
.makeSee-loop .title{font-size: 16px;color: #666;font-weight: 700;line-height: 1.14;margin-top: 8px;text-align: center;}
.makeSee-loop .content{font-size: 14px;color: #666;line-height: 22px;margin-top: 28px;}
.makeSee-loop .content p{line-height: inherit;}
.makeSee-loop .img{height: 206px;margin-top: 48px;}
.makeSee-loop .img img{max-height: 100%;}
.makeSee-loop .swiper-pagination{position: relative;font-size: 0;top: 0;bottom: 0;width: 100%;margin-top: 48px;}
.makeSee-loop .swiper-pagination-bullet{width: 24px;height: 3px;background: #d5dae0;border-radius: 0;opacity: 1;margin: 0 0 0 10px !important;}
.makeSee-loop .swiper-pagination-bullet:first-child{margin: 0 !important;}
.makeSee-loop .swiper-pagination-bullet-active {opacity: 1;background: #3598ff;}
.makeSee-form{width: 476px;padding: 50px 0;}
.makeSee-form-head{width: 100%;line-height: 1.14;font-size: 18px;color: #333;font-weight: 700;text-align: center;}
.makeSee-form-list{width: 100%;margin-top: 24px;border-radius: 10px;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.09);padding: 30px 46px;background: #fff;}
.makeSee-form-list li{width: 100%;margin-top: 16px;position: relative;}
.makeSee-form-list li:first-child{margin-top: 0;}
.makeSee-form-list li .hint{font-size: 14px;color: #333;margin-bottom: 4px;}
.makeSee-form-list li .hint i{font-style: normal;color: #ff0000;}
.makeSee-form-list li .hint span{color: #999;}
@media all and (max-width:1590px) {
    .makeSee-loop .content {margin-top: 12px;}
    .makeSee-loop {margin-top: 30px;padding: 0 100px;}
    .makeSee-info::after{width: 108px;top: 96px;}
    .makeSee-info::before {width: 144px;}
    .makeSee-loop .img {margin-top: 24px;}
    .makeSee-loop .swiper-pagination {margin-top: 32px;}
    .makeSee-form {padding: 32px 0;}
    .makeSee-form-list {margin-top: 18px;padding: 24px 40px;}
    .makeSee-form-list li {margin-top: 10px;}
    .makeSee-info {padding: 32px 0 60px;}
    .makeSee-form-list li .hint {margin-bottom: 2px;}
    .makeSee-close {right: 10px;top: 10px;}
}
@media all and (max-width:1270px) {
    .makeSee-more {padding-right: 28px;}
    .makeSee-info-title{padding: 0 28px;}
    .makeSee-loop {padding: 0 50px;}
    .makeSee-info::after {width: 86px;top: 94px;}
    .makeSee-info::before {width: 124px;height: 112px;}
}
@media all and (max-width:1000px) {
    .makeSee-info{display: none;}
    .makeSee-form{width: 100%;padding: 40px;}
    .makeSee-more {padding-right: 0;}
}
@media all and (max-width:680px) {
    .makeSee {padding-top: 60px;}
    .makeSee-close {right: 0;top: 0;}
    .makeSee-form{padding: 30px 12px 20px;}
    .makeSee-form-list {padding: 20px 12px;}
    .makeSee-form-list li {margin-top: 8px;}
}

/* 下载-弹窗 */
.toDown{position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;align-items: center;padding-top: 78px;}
.toDown.active{display: flex;}
.toDown .contain{position: relative;max-width: 1180px;}
.toDown-close{position: absolute;font-size: 16px;color: #575b66;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;right: 16px;top: 16px;cursor: pointer;transition: all .4s ease;}
.toDown-close i{font-size: inherit;}
.toDown-close:hover{color: #ff0000;}
.toDown-more{width: 100%;background: #fff;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.31);}
.toDown-info{width: 50%;height: 550px;padding: 68px 20px 20px;background: url('../images/common/downBg.jpg') no-repeat center/cover;color: #fff;text-align: center;}
.toDown-info .title{font-size: 32px;font-weight: 700;line-height: 1.14;}
.toDown-info .text{max-width: 332px;margin: 16px auto 0;font-size: 18px;font-weight: 700;line-height: 28px;}
.toDown-info .code{width: 175px;border-radius: 8px;overflow: hidden;background: #fff;margin: 48px auto 0;}
.toDown-info .code img{width: 100%;}
.toDown-info .hint{font-size: 18px;line-height: 24px;margin-top: 16px;}
.toDown-form{width: 50%;padding: 50px 100px 20px;}
.toDown-form-head{width: 100%;line-height: 1.14;font-size: 18px;color: #333;font-weight: 700;text-align: center;}
.toDown-form-list{width: 100%;margin-top: 28px;}
.toDown-form-list li{width: 100%;margin-top: 24px;position: relative;}
.toDown-form-list li:first-child{margin-top: 0;}
.toDown-deal{width: 100%;margin-top: 28px;justify-content: center;font-size: 14px;color: #999;}
.toDown-deal p{color: #3598ff;cursor: pointer;user-select: none;}
@media all and (max-width:1590px) {
    .toDown-info {height: 460px;padding: 48px 20px 20px;}
    .toDown-info .title {font-size: 28px;}
    .toDown-info .text {margin-top: 12px;font-size: 16px;line-height: 26px;}
    .toDown-info .code{margin-top: 36px;}
    .toDown-form-list li {margin-top: 16px;}
    .toDown-form {padding: 40px 80px 20px;}
    .toDown-form-list {margin-top: 24px;}
    .toDown-deal {margin-top: 24px;}
    .toDown-close {right: 10px;top: 10px;}
}
@media all and (max-width:1270px) {
    .toDown-form {padding: 40px 40px 20px;}
}
@media all and (max-width:1000px) {
    .toDown-info{display: none;}
    .toDown-form{width: 100%;padding: 40px;}
}
@media all and (max-width:680px) {
    .toDown {padding-top: 60px;}
    .toDown-close {right: 0;top: 0;}
    .toDown-form {padding: 30px 12px 20px;}
    .toDown-form-list li {margin-top: 10px;}
    .toDown-form-list {margin-top: 20px;}
    .toDown-deal {margin-top: 18px;font-size: 12px;}
}

/* 咨询弹窗 */
.consultChat{position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;align-items: center;padding-top:40px;}
.consultChat.active{display: flex;}
.consultChat-contain{width:100%;display:flex;flex-direction: column;align-items:center;opacity:0;}
.consultChat.active .consultChat-contain{animation: consultChatRun .6s ease both;}
@keyframes consultChatRun {0%{opacity: 0;}100%{opacity: 1;}}
.consultChat-info{width:381px;height:497px;padding-top: 70px;background:url('../images/common/consultBg.png') no-repeat center/cover;border-radius:10px;text-align:center;color:#fff;}
.consultChat-info .text{font-size:28px;line-height:1.4;font-weight:700;}
.consultChat-info .img{margin:28px auto 0;width:210px;position:relative;}
.consultChat-info .img::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/common/codeGz.png') no-repeat center/cover;z-index:2;}
.consultChat-info .img img{max-width:100%}
.consultChat-line{width:3px;height:30px;background:#e0e0e0;}
.consultChat-close{width:50px;height:50px;border-radius:50%;border:5px solid #e0e0e0;background:#fff;font-size:16px;color:#757575;transition:all .4s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.consultChat-close i{font-size:inherit;}
.consultChat-close:hover{transform:rotate(90deg);color:#fff;background:#3598ff}

.consultChat2{position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;align-items: center;padding-top:40px;}
.consultChat2.active{display: flex;}
.consultChat-contain2{width:100%;display:flex;flex-direction: column;align-items:center;opacity:0;}
.consultChat2.active .consultChat-contain2{animation: consultChatRun2 .6s ease both;}
@keyframes consultChatRun2 {0%{opacity: 0;}100%{opacity: 1;}}
.consultChat-info2{width:381px;height:497px;padding-top: 70px;background:url('../images/common/consultBg.png') no-repeat center/cover;border-radius:10px;text-align:center;color:#fff;}
.consultChat-info2 .text{font-size:28px;line-height:1.4;font-weight:700;}
.consultChat-info2 .img{margin:28px auto 0;width:210px;position:relative;}
.consultChat-info2 .img::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/common/codeGz.png') no-repeat center/cover;z-index:2;}
.consultChat-info2 .img img{max-width:100%}
.consultChat-line2{width:3px;height:30px;background:#e0e0e0;}
.consultChat-close2{width:50px;height:50px;border-radius:50%;border:5px solid #e0e0e0;background:#fff;font-size:16px;color:#757575;transition:all .4s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.consultChat-close2 i{font-size:inherit;}
.consultChat-close2:hover{transform:rotate(90deg);color:#fff;background:#3598ff}
@media all and (max-width:1590px) {
    .consultChat-info .text {font-size: 20px;}
    .consultChat-info .img {margin: 20px auto 0;width: 164px;}
    .consultChat-info {width: 260px;height: 338px;padding-top: 44px;}
    .consultChat-line {width: 2px;height: 22px;}
    .consultChat-close {width: 40px;height: 40px;border: 3px solid #e0e0e0;font-size: 14px;}
    
    .consultChat-info2 .text {font-size: 20px;}
    .consultChat-info2 .img {margin: 20px auto 0;width: 164px;}
    .consultChat-info2 {width: 260px;height: 338px;padding-top: 44px;}
    .consultChat-line2 {width: 2px;height: 22px;}
    .consultChat-close2 {width: 40px;height: 40px;border: 3px solid #e0e0e0;font-size: 14px;}
}
@media all and (max-width:680px) {
    .consultChat{padding-top:10px;}
    .consultChat-info .text {font-size: 18px;}
    .consultChat-info .img {margin: 16px auto 0;width: 140px;}
    .consultChat-info {width: 230px;height: 300px;padding-top: 44px;}
    .consultChat-line {width: 2px;height: 18px;}
    .consultChat-close {width: 36px;height: 36px;border: 2px solid #e0e0e0;font-size: 14px;}
    
    .consultChat2{padding-top:10px;}
    .consultChat-info2 .text {font-size: 18px;}
    .consultChat-info2 .img {margin: 16px auto 0;width: 140px;}
    .consultChat-info2 {width: 230px;height: 300px;padding-top: 44px;}
    .consultChat-line2 {width: 2px;height: 18px;}
    .consultChat-close2 {width: 36px;height: 36px;border: 2px solid #e0e0e0;font-size: 14px;}
    
    .consultChat-info .img, .consultChat-info2 .img{display:none}
    .consultChat-info, .consultChat-info2{display:flex;align-items:center;justify-content:center;padding:0;background: rgba(0, 0, 0, 0.5);width:160px;height:100px;}
    .consultChat-info .text, .consultChat-info2 .text {font-size: 0;}
    .consultChat-info .text::after, .consultChat-info2 .text::after{content:"提交成功";font-size:18px;}
}
/* 售前咨询 */
.salesChat{position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;align-items: center;padding-top:40px;}
.salesChat.active{display: flex;}
.salesChat-contain{width:100%;display:flex;flex-direction: column;align-items:center;opacity:0;}
.salesChat.active .salesChat-contain{animation: salesChatRun .6s ease both;}
@keyframes salesChatRun {0%{opacity: 0;}100%{opacity: 1;}}
.salesChat-info{width:381px;height:497px;padding-top: 70px;background:url('../images/common/consultBg.png') no-repeat center/cover;border-radius:10px;text-align:center;color:#fff;}
.salesChat-info .text{font-size:28px;line-height:1.4;font-weight:700;}
.salesChat-info .img{margin:28px auto 0;width:210px;position:relative;}
.salesChat-info .img::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/common/codeGz.png') no-repeat center/cover;z-index:2;}
.salesChat-info .img img{max-width:100%}
.salesChat-line{width:3px;height:30px;background:#e0e0e0;}
.salesChat-close{width:50px;height:50px;border-radius:50%;border:5px solid #e0e0e0;background:#fff;font-size:16px;color:#757575;transition:all .4s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.salesChat-close i{font-size:inherit;}
.salesChat-close:hover{transform:rotate(90deg);color:#fff;background:#3598ff}
@media all and (max-width:1590px) {
    .salesChat-info .text {font-size: 20px;}
    .salesChat-info .img {margin: 20px auto 0;width: 164px;}
    .salesChat-info {width: 260px;height: 338px;padding-top: 44px;}
    .salesChat-line {width: 2px;height: 22px;}
    .salesChat-close {width: 40px;height: 40px;border: 3px solid #e0e0e0;font-size: 14px;}
}
@media all and (max-width:680px) {
    .salesChat{padding-top:10px;}
    .salesChat-info .text {font-size: 18px;}
    .salesChat-info .img {margin: 16px auto 0;width: 140px;}
    .salesChat-info {width: 230px;height: 300px;padding-top: 44px;}
    .salesChat-line {width: 2px;height: 18px;}
    .salesChat-close {width: 36px;height: 36px;border: 2px solid #e0e0e0;font-size: 14px;}
}

/* 通用按钮 */
.colorBtn{display: flex;}
.colorBtn a{height: 54px;padding: 0 58px;min-width: 194px;margin-left: 16px;border-radius: 27px;font-size: 20px;line-height: 1;transition: all .4s ease;color: #fff;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.colorBtn a:first-child{margin-left: 0;}
.colorBtn a span{position: relative;z-index: 3;transform: translate3d(0,0,10px);-webkit-font-smoothing: antialiased}
.colorBtn a::before, .colorBtn a::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.colorBtn a::before{background: linear-gradient(to right,#2785ef,#986ffe);}
.colorBtn a::after{background: linear-gradient(to right,#986ffe,#2785ef);opacity: 0;}
.colorBtn a:hover::after{opacity: 1;}
.colorBtn a:hover{transform: translateY(-2px);box-shadow: 0 4px 16px 0px rgba(53, 152, 255, 0.4);}
/* -- */
.pressBtn{display: flex;}
.pressBtn>a{position: relative;margin-left: 16px;padding: 0 8px 8px;}
.pressBtn>a:first-child{margin-left: 0;}
.pressBtn>a::before, .pressBtn>a::after{content: "";position: absolute;}
.pressBtn>a::before{width: 100%;height: 100%;top: 0;left: 0;border-radius: 27px;background: #d2e7ff;}
.pressBtn>a::after{width: calc(100% - 12px);border-radius: 27px;height: calc(100% - 4px);left: 0;top: -2px;right: 0;margin: auto;background: #fff;border: 2px solid #3598ff;background: #3598ff;transition: all .4s ease;}
.pressBtn>a p{height: 50px;padding: 0 58px;min-width: 194px;border-radius: 25px;font-size: 20px;line-height: 1;transition: all .4s ease;color: #fff;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;z-index: 4;}
.pressBtn>a p span{position: relative;z-index: 3;transform: translate3d(0,0,10px);-webkit-font-smoothing: antialiased}
.pressBtn>a p::before, .pressBtn>a p::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.pressBtn>a p::before{background: linear-gradient(to right,#2785ef,#986ffe);}
.pressBtn>a p::after{background: linear-gradient(to right,#986ffe,#2785ef);opacity: 0;}
.pressBtn>a:hover p::after{opacity: 1;}
.pressBtn>a:hover::after{background: #fff;}

.pressBtn>a::after{background: #fff;}
.pressBtn>a p{transform: translateY(-5px);}
.pressBtn>a:hover::after{background: #3598ff;}
.pressBtn>a:hover p{transform: translateY(0);}
/* .pressBtn>a:hover p{animation: pressBtnRun .6s linear both;} */
/* @keyframes pressBtnRun {0%, 33.3333%{transform: translateY(0);}33.4%, 66.6666%{transform: translateY(-7px);}66.7%, 100%{transform: translateY(0);}} */
@media all and (max-width:1590px) {
    .colorBtn a{height: 48px;padding: 0 40px;min-width: 152px;margin-left: 14px;border-radius: 24px;font-size: 18px;}
    .pressBtn>a{margin-left: 14px;}
    .pressBtn>a p{height: 48px;padding: 0 40px;min-width: 152px;border-radius: 24px;font-size: 18px;}
    @keyframes pressBtnRun {0%, 33.3333%{transform: translateY(0);}33.4%, 66.6666%{transform: translateY(-6px);}66.7%, 100%{transform: translateY(0);}}
}
@media all and (max-width:1270px) {
    .colorBtn a{height: 40px;padding: 0 30px;min-width: 124px;margin-left: 12px;border-radius: 20px;font-size: 16px;}
    .pressBtn>a{margin-left: 12px;}
    .pressBtn>a p{height: 40px;padding: 0 30px;min-width: 124px;border-radius: 20px;font-size: 16px;}
}
@media all and (max-width:680px) {
    .colorBtn a{height: 30px;padding: 0 22px;min-width: 92px;margin-left: 10px;border-radius: 15px;font-size: 12px;}
    .colorBtn a:hover{transform: translateY(0);box-shadow: 0 4px 10px 0px rgba(53, 152, 255, 0.4);}
    .pressBtn>a{margin-left: 10px;padding: 0;}
    .pressBtn>a::before, .pressBtn>a::after{display: none;}
    .pressBtn>a p{height: 30px;padding: 0 22px;min-width: 92px;border-radius: 15px;font-size: 12px;transition: all .4s ease;}
    .pressBtn>a:hover p{animation: none;box-shadow: 0 4px 10px 0px rgba(53, 152, 255, 0.4);}
}

/* 下拉控制 */
.inDouble{width:100%;position:relative;user-select:none;}
.inDouble-more{position:absolute;width:100%;top:40px;left:0;z-index:10;padding-top:2px;display:none;}
.inDouble-more-wrap{width:100%;background:#fbfdff;border: 1px solid #dedede;padding:4px 0;border-radius:5px;}
.inDouble-more-wrap .scroll{width:100%;max-height:130px;}
.inDouble-more-wrap .scroll::-webkit-scrollbar {width: 2px;}
.inDouble-more-wrap .li{width:100%;height:26px;font-size:14px;color:#333;transition:all .4s ease;cursor:pointer;display:flex;align-items:center;padding:0 12px;}
.inDouble-more-wrap .li:hover{color:#2785ef;background: #eef3f7;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .Header>.contain {padding: 0 90px;}
    .contain-1530{width: 1430px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .contain, .contain-1430, .contain-1388, .contain-1530{width: 1200px;}
    .Header>.contain {padding: 0 60px;}
    .Header-btn a {margin-left: 14px;}
    .Header-phone {margin-right: 28px;}
    .Header-navbar {margin-right: 22px;}
    .Header-menu{padding: 0 18px;}
    .Header-drop {width: 130px;margin-left: -65px;}
    .Header-drop .Header-drop-menu {min-height: 33px;padding: 5px 0;}
    .Header-drop.Header-drop-product{left: 6px;width: 340px;padding: 12px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
    .Header-drop.Header-drop-product .Header-drop-menu {padding: 16px;}
    .toApply .title {font-size: 28px;}
    .toApply .btn a {width: 148px;margin-left: 16px;}
    .toApply{padding: 44px 0;}
    .Footer-hint {padding: 30px 0;}
    .Footer-hint .items {padding: 0 76px;}
    .Footer-items {padding: 50px 0 40px;}
    .Footer-navbar {padding: 0 68px;}
    .Footer-drop-menu>a {padding: 8px 0;}
    .Footer-drop {margin-top: 16px;}
    .Footer-more li .text.dh {font-size: 28px;}
    .Footer-more li .text {margin-top: 6px;}
    .Footer-more li {margin-top: 20px;}
    .Footer-friend-link a {margin-right: 20px;}
    .Footer-friend {padding: 16px 0;}
    .Footer-copyright {padding: 24px 0;}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .Header-menu{padding: 0 16px;}
    .Header>.contain {padding: 0 40px;}
}

@media all and (max-width:1350px) {
    /* 1280 */
    .Header-menu {padding: 0 12px;}
    .Header-drop.Header-drop-product {left: 0;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .contain, .contain-1430, .contain-1388, .contain-1530{width: 960px;}
    .Header-btn a {height: 36px;border-radius: 18px;padding: 0 18px;margin-left: 8px;}
    .Header-phone {margin-right: 16px;}
    .Header-navbar {margin-right: 10px;}
    .Header>.contain {padding: 0 20px;}
    .Header-menu {padding: 0 8px;font-size:15px;}
    .toApply .btn a {width: 130px;margin-left: 12px;height: 36px;border-radius: 18px;}
    .toApply .btn {margin-top: 16px;}
    .toApply .title {font-size: 24px;}
    .toApply {padding: 36px 0;}
    .Footer-hint .items {padding: 0 42px;}
    .Footer-hint {padding: 26px 0;}
    .Footer-items {padding: 40px 0 34px;}
    .Footer-more li .text.dh {font-size: 24px;}
    .Footer-more {width: 190px;}
    .Footer-more li .text.dz {line-height: 24px;}
    .Footer-more li .text {margin-top: 4px;}
    .Footer-more li {margin-top: 12px;}
    .Footer-navbar {width: calc(100% - 190px - 236px);padding: 0 30px;}
    .Footer-info {width: 236px;}
    .Footer-drop-menu>a {padding: 6px 0;}
    .Footer-drop {margin-top: 10px;}
    .Footer-friend-link a {margin-right: 16px;}
    .Footer-friend {padding: 14px 0;}
    .Footer-copyright {padding: 20px 0;}
}

/* ------------------------平板端（开始改变头部底部）-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .Header.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain, .contain-1430, .contain-1388, .contain-1530{width: 92%;}
    .Container{margin-top: 60px;}
    .Header{box-shadow: none;}
    .Header .contain{width: 100%;}
    .Header::after{opacity: 1;}
    .Header>.contain{padding: 0;}
    .Header-logo, .Header-search-click, .Header-lang-menu{height: 60px;}
    .Header-logo{margin-left: 4%;width: 134px;}
    .Header-navclick{display: flex;margin-right: 4%;}
    .Header-lang{margin: 0 12px 0 4px;}
    .Header-lang.active .Header-lang-menu {color: #666;}
    .Header-lang-more{width: 120px;margin-left: -60px;top: 60px;}
    .Header-lang-more a{padding: 6px 0;}
    .Header-search-click:hover{color: #666 !important;}
    .Header-search-item {display: none;width: 100%;line-height: normal;height: 45px;top: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0;background: #fff;}
    .Header-search-item .contain {padding-right: 0;}
    .Header-search-item input[type="text"]{width: 100%;height: 44px;padding: 0 50px 0 4%;border-bottom: none;}
    .Header-search-item.active input[type="text"] {animation: none;}
    .Header-search-item button{position: absolute;right: 0;top: 0;width: 44px;height: 46px;top: -1px;background: #3598ff;z-index: 2;color: #fff;}
    
    .Header-btn{height: 60px;margin-right: 10px;}
    .Header-btn a{margin-left: 10px;height: 30px;border-radius: 15px;padding: 0 14px;}
    .Header-btn a.loginBtn{padding: 0;background: transparent;color: #252b3a;height: 60px;}
    .Header-btn a.loginBtn span{display: none;}
    .Header-btn a.loginBtn i{margin-right: 0;}
    .Header-btn a.loginBtn:hover{box-shadow: none;color: #3598ff;}
    .Header-btn a.loginBtn::before, .Header-btn a.loginBtn::after{display:none}
    /* -- */
    .Header-center-menu{height: 60px;}
    .Header-center-menu a{padding: 0;}
    .Header-center-menu a i:nth-of-type(2){display: none;}
    .Header-center-menu a span, .Header-center-menu a::before, .Header-center-menu a::after{display: none;}
    .Header-center-menu a i:nth-of-type(1) {display: block;color: #252b3a;margin: 0;}
    .Header-center-drop {top: 60px;width: 96px;margin-left: -48px;}

    .Header-phone {height: 60px;margin-right: 4px;}
    .Header-phone span{font-size: 0;width: 24px;padding: 0;background-position: center;height: 60px;}
    .Header-phone span i{width:100%;background-size:20px auto;background-image: url('../images/common/phoneH.svg');}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;}
    .Header-navbar>ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-navbar>ul>li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;}
    .Header-navbar.active>ul>li{opacity: 1;transform: translateY(0);}
    .Header-menu{height: 44px;padding: 0 4%;font-size:16px;}
    .Header-arrow{display: block;width: 44px;height: 44px;line-height: 44px;transform: rotate(180deg);font-size: 18px;font-style: normal;color: #252b3a;text-align: center;position: absolute;z-index: 9;right: 0;top: 0;}
    .Header-arrow::after{content: "\e727";font-family: "icon";}
    .Header-arrow.active{transform: rotate(0);}
    .Header-navbar>ul>li:hover .Header-menu{color: #252b3a;}
    .Header-navbar>ul>li.active .Header-menu{color: #3598ff;}
    .Header-drop {position: relative;top: 0;left: 0 !important;width: 100% !important;margin-left: 0;overflow: hidden;padding: 8px 4%;border-radius: 0;box-shadow: none;background: #fafafc;}
    .Header-drop .Header-drop-menu{justify-content: flex-start;width: 33.3333%;font-size: 14px;float: left;}
    .Header-drop.Header-drop-product .Header-drop-menu {padding: 10px;width: 100%;float: none;}
    .Header-drop.Header-drop-product .Header-drop-menu .cont p {margin-top: 4px;font-size: 14px;line-height: 18px;}
    .Header-drop.Header-drop-product .Header-drop-menu:hover{background: #f6f6f6;}

    .toApply .title {font-size: 18px;font-weight: 500;}
    .toApply .btn a {width: 100px;margin-left: 10px;font-size: 12px;height: 30px;border-radius: 15px;}
    .toApply .btn {margin-top: 14px;}
    .toApply {padding: 26px 0;background-position: right top;}
    .Footer-hint{flex-wrap: wrap;padding: 10px 4% 20px;}
    .Footer-hint .items::before{display: none;}
    .Footer-hint .items{width: 49%;padding: 0;margin-top: 10px;}
    .Footer-hint .items:nth-child(2n){margin-left: 2%;}
    .Footer-hint .items .img{width: 26px;justify-content: center;}
    .Footer-hint .items .text{width: calc(100% - 26px);margin: 0;padding-left: 6px;}
    .Footer-info{width: 100%;text-align: center;}
    .Footer-info .code{margin: 16px auto 0;}
    .Footer-info .code ul{justify-content:center}
    .Footer-more{width: 80%;margin: 16px auto 0;text-align: center;}
    .Footer-more li .text.dh {font-size: 22px;}
    
    .Footer-items {padding: 26px 0 24px;}
    .Footer-navbar{width: 100%;padding: 0;display: none;}
    .Footer-navbar>ul>li{width: 100% !important;}
    .Footer-menu {height: 40px;align-items: center;padding: 0 4%;position: relative;}
    .Footer-arrow{display: block;width: 44px;height: 40px;line-height: 40px;transform: rotate(180deg);font-size: 18px;font-style: normal;color: #fff;text-align: center;position: absolute;z-index: 9;right: 0;top: 0;}
    .Footer-arrow::after{content: "\e727";font-family: "icon";}
    .Footer-arrow.active{transform: rotate(0);}
    .Footer-drop{display: none;margin-top: 0;}
    .Footer-drop-menu>a{padding: 7px 4%;width: 100%;}
    .Footer-friend{display: none;}
    .Footer-copyright {padding: 16px 0 80px;text-align: center;}
    .Footer-copyright .info{justify-content: center;width: 100%;line-height: 20px;font-size: 12px;}
    .Footer-copyright .text p{width: 100%;margin: 0;}
    .Footer-copyright .link{margin-top: 6px;}
    .h5-hidden {display: none !important;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
}