@charset "utf-8";
/* ====================鍏叡鏍峰紡========================= */
.publicbluea{display: flex;align-items: center;}
.publicbluea a{width: 160px;height: 44px;border-radius: 22px;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;font-size: 16px;color: #fff;box-shadow: 0 7px 24px 0 rgba(107, 107, 107, 0.27);}
.publicbluea a::before, .publicbluea a::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 22px;box-shadow: 0 0 12px 2px rgba(171, 149, 236, 0.67) inset,0 0 12px 2px rgba(255, 255, 255, 0.24) inset;transition: all .4s ease;}
.publicbluea a span{position: relative;z-index: 2;}
.publicbluea a::before{background: linear-gradient(to left,#b461ef 0%,#8d71ff 40%,#52eaea 100%);}
.publicbluea a::after{opacity: 0;background: linear-gradient(to right,#b461ef 0%,#8d71ff 40%,#52eaea 100%);}
.publicbluea a:hover::after{opacity: 1;}
/* 澶撮儴 */
.Header-wrapper{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;user-select: none;-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);background-color: rgba(255,255,255,.6);transition: background .4s ease, box-shadow .4s ease;}

.Header-logo{float: left;width: 112px;height: 84px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{max-width: 100%;}

.header-left{display: flex;align-items: center;float: right;justify-content: space-evenly;}
.Header-case{display: flex;align-items: center;height: 84px;}
.Header-case a{width: 134px;height: 38px;border-radius: 19px;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;font-size: 16px;color: #fff;box-shadow: 0 7px 24px 0 rgba(107, 107, 107, 0.27);}
.Header-case a span{position: relative;z-index: 2;}
.Header-case a::before, .Header-case a::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 19px;box-shadow: 0 0 12px 2px rgba(171, 149, 236, 0.67) inset,0 0 12px 2px rgba(255, 255, 255, 0.24) inset;transition: all .4s ease;}
.Header-case a::before{background: linear-gradient(to left,#b461ef 0%,#8d71ff 40%,#52eaea 100%);}
.Header-case a::after{opacity: 0;background: linear-gradient(to right,#b461ef 0%,#8d71ff 40%,#52eaea 100%);}
.Header-case a:hover::after{opacity: 1;}

.Header-phone{display: flex;align-items: center;height: 84px;float: right;margin-right: 20px;}
.Header-phone span{font-size: 16px;color: #333;font-family: "M";padding-left: 24px;background: url('../images/common/phone.png') no-repeat left center/15px auto;transition: all .4s ease;}
.Header-phone:hover span{color: #6c3ec0;background-image: url('../images/common/phoneH.png');}

.Header-lang{float: right;position: relative;z-index: 999;margin-right: 20px;}
.Header-lang-menu{display: flex;align-items: center;height: 84px;}
.Header-lang-menu span{display: block;padding-left: 26px;background: url('../images/common/lang.png') no-repeat left center /17px auto;font-size: 16px;color: #333;transition: all .4s ease;}
.Header-lang.active .Header-lang-menu span{color: #6c3ec0;background-image: url('../images/common/langH.png');}
/* 澶氫釜璇█ */
.Header-lang-more{display: none;z-index: 9;width: 120px;padding: 8px 0;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #f5f7f9;position: absolute;top: 84px;left: 50%;margin-left: -60px;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #f5f7f9 transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: block;font-size: 16px;color: #333;text-align: center;padding: 4px 0;transition: all .4s ease;}
.Header-lang-more a span{display: inline-block;}
.Header-lang-more a:hover {color: #6c3ec0;}
.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-navbar{float: left;margin-left: 54px;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar li{float: left;margin-left: 44px;position: relative;z-index: 9;}
.Header-navbar li:first-child{margin-left: 0;}
.Header-menu{position: relative;height: 84px;display: flex;align-items: center;font-size: 16px;color: #333;transition: color .4s ease;}
.Header-navbar li:hover .Header-menu, .Header-navbar li.active .Header-menu{color: #6c3ec0;}
.Header-arrow{display: none;}
.Header-drop{display: none;position: absolute;top: 84px;left: 50%;width: 180px;margin-left: -90px;background:#fff;box-shadow: 0 8px 8px 0px rgba(59, 59, 59, 0.1);}
.Header-drop.pro-drop{width:710px;margin-left:0;left:0;background:#fff;}
.pro-drop-contain{width: 100%;padding: 24px 0 36px;overflow: hidden;}
.pro-drop h2{font-size:14px;color:#888;width:100%;padding: 0 40px;}
.pro-drop h2 span{display: block;width: 100%;padding-bottom: 18px;border-bottom:1px solid #f0f0f0;margin-bottom: 20px;}
.pro-drop dl a{width:50%;float:left;padding: 16px 40px;font-size: inherit;height: auto;color: inherit;line-height: normal;display: inline;text-align: left}
.pro-drop dl a:hover{background:#F8F7FA;}
.pro-drop dl a h4{font-size:17px;color:#444;margin-bottom:4px;font-family: "M";transition: all .4s ease;}
.pro-drop dl a p{height:15px;line-height: 18px;text-align:left;color: #777;}
.pro-drop dl a:hover h4{color:#6c3ec0;background:#f8f7fa;}
.Header-drop.Header-drop-case{width: 440px;margin-left: 0;left: 0;background: #fff;}
.Header-drop-contain{width: 100%;padding: 24px 0 34px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.Header-drop .Header-drop-case-li{width: 50%;}
.Header-drop .Header-drop-case-name{font-size: 14px;color: #888;width: 100%;padding: 0 40px;}
.Header-drop .Header-drop-case-name span{display: block;width: 100%;padding-bottom: 16px;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px;}
.Header-drop .Header-drop-case-link a{font-size:16px;color:#444;font-family: "M";width:100%;padding:0 40px;line-height: normal;display: flex;align-items: center;justify-content: flex-start;}
.Header-drop-other{width: 100%;padding: 10px 0 14px;}
.Header-drop a{display: block;width: 100%;height: 42px;line-height: 42px;font-size: 15px;color: #777;text-align: center;transition: all .4s ease;}
.Header-drop a.active, .Header-drop a:hover{background: #f5f3f8;color: #6c3ec0;}

.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: #777;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #777;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);}
}

/* 閫忔槑 */
.bodyScroll .Header-wrapper, .bodyMouse .Header-wrapper, .bodySearch .Header-wrapper, .noLucency .Header-wrapper{background: #fff;box-shadow: 0 8px 8px 0px rgba(59, 59, 59, 0.1);}
/* 涓嶉€忔槑 */
.noLucency .Container-wrapper{margin-top: 84px;}


/* 搴曢儴 */
.Footer-wrapper{width: 100%;background: #ededf3;position: relative;z-index: 9;}
.Footer-items{width: 100%;padding: 50px 0 60px;}
.Footer-items .contain{display: flex;flex-wrap: wrap;justify-content: space-between;}
.Footer-other{width: 277px;}
.Footer-other-logo{width: 100%;}
.Footer-other-logo img{width: 166px;}
.Footer-other-contact{width: 100%;margin-top: 10px;}
.Footer-other-contact .Footer-other-phone{color: #362662;font-weight: bold;}
.Footer-navbar{width: 876px;overflow: hidden;user-select: none;}
.Footer-navbar ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.Footer-navbar li{width: auto;}
.Footer-menu{font-size: 16px;color: #333333;font-weight: 700;display: block;}
.Footer-drop{width: 100%;margin-top: 12px;}
body.PC .Footer-drop{display: block !important;}
.Footer-drop a{display: block;font-size: 14px;color: #777777;line-height: 1;padding: 7px 0;transition: all .4s ease;}
.Footer-drop a:hover{color: #6c3ec0;}
.Footer-copyright{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 24px 0;}
.Footer-copyright div.Footer-logo{margin-bottom: 10px;}
.Footer-copyright div.Footer-logo img{width: 80px;}
.Footer-copyright div.Footer-logo, .Footer-copyright p{color: #777777;line-height: 18px;}
.Footer-copyright div.Footer-logo{font-size: 15px;}
.Footer-copyright p{font-size: 14px;}

.FooterCode{width: 100%;font-size: 13px;margin-top: 20px;display: flex;align-items: center;}
.FooterCode .codeitem{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.FooterCode .codeitem span{margin-top: 10px;}
.FooterCode .codeitem:nth-child(1){margin-right: 20px;}
.FooterCode .codeitem>img{width: 96px;}
.Footer-lang{display: none;position: relative;z-index: 999;width:190px;}
.Footer-lang-menu{display: flex;align-items: center;height: 40px;background-color: #eceff4;border:2px solid #fff;background-image: linear-gradient(to right, #eceff4 0%, #fff  100%);margin-top: 10px;color: #555555;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 8px;}
.Footer-lang-menu span{display: block;padding-left: 26px;padding-right: 18px;background: url('../images/common/langG.svg') no-repeat left center /20px auto;line-height: 22px;font-size: 14px;color: #555555;font-weight: 700;transition: all .4s ease;}
.Footer-lang-menu span::after{content: "";position: absolute;width: 12px;height: 12px;top: 50%;margin-top: -6px;right: 8px;background: url('../images/common/arrmD.svg') no-repeat center/100% auto;}
.Footer-lang:hover .Footer-lang-menu span{color: #333;}
.Footer-lang:hover .Footer-lang-menu span::after{transform: rotate(180deg);}
/* 澶氫釜璇█ */
.Footer-lang-more{display: none;z-index: 9;width: 100%;background: linear-gradient(to right, #eceff4 0%, #fff  100%);border:2px solid #fff;position: absolute;bottom: 38px;left: 0;}
/* .Footer-lang-more:before{content: "";border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;width: 0;height: 0;position: absolute;bottom: -6px;left: 50%;margin-left: -6px;} */
.Footer-lang-more a{display: flex;font-size: 14px;color: #0e305e;align-items: center;justify-content: center;height: 38px;transition: all .4s ease;}
.Footer-lang-more a span{display: inline-block;}
.Footer-lang-more a:hover {color: #fff;background: #0263e0;}
.Footer-lang:hover .Footer-lang-more{display: block;animation: langInDown .4s ease-out;}
@keyframes langInDown{0% {transform: translateY(-12px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}

/* .footerbanner{background: url("../images/index/footertbg.png") no-repeat center;padding:54px 0;color: #fff;} */
.footerbanner{background: linear-gradient(to right,#29bbbb,#6462de,#a04ddb);padding:54px 0;color: #fff;overflow: hidden;position: relative;}
.footerbanner .contain{position: relative;z-index: 4;}
.footerbanner .foot_ban{display: flex;justify-content: space-between;align-items: center;}
.footerbanner .foot_ban a{border-radius: 25px;text-align: center;height: 50px;line-height: 50px;width: 200px;transition: all .4s ease;position: relative;}
.footerbanner .foot_ban a span{position: relative;z-index: 2;}
.footerbanner .foot_ban a::before, .footerbanner .foot_ban a::after{content: "";position: absolute;width: 100%;height: 100%;border-radius: 25px;top: 0;left: 0;transition: all .4s ease;}
.footerbanner .foot_ban a::before{border:1px solid #fff;}
.footerbanner .foot_ban a::after{background: linear-gradient(to right,#b461ef 0%,#8d71ff 40%,#52eaea 100%);opacity: 0;}
.footerbanner .foot_ban a:hover::before{opacity: 0;}
.footerbanner .foot_ban a:hover::after{opacity: 1;}
.footerbanner-qq{position: absolute;width: 640px;height: 640px;top: 50%;right: 96px;margin-top: -320px;}
.footerbanner-qq i{position: absolute;border-radius: 50%;border: 3px solid rgba(255, 255, 255, 0.1);opacity: 0;animation: footerbannerRun 3s linear infinite;width: 60px;height: 60px;top: 50%;left: 50%;margin: -30px 0 0 -30px;}
.footerbanner-qq i.qq2{width: 100px;height: 100px;margin: -50px 0 0 -50px;}
.footerbanner-qq i.qq3{width: 160px;height: 160px;margin: -80px 0 0 -80px;}
.footerbanner-qq i.qq4{width: 220px;height: 220px;margin: -110px 0 0 -110px;}
.footerbanner-qq i.qq1{animation-delay: 0.6s;}
.footerbanner-qq i.qq2{animation-delay: .4s;}
.footerbanner-qq i.qq3{animation-delay: 0.2s;}
.footerbanner-qq i.qq4{animation-delay: 0s;}
@keyframes footerbannerRun{0%{opacity:0;transform:scale(0)}5%{opacity:1}to{opacity:0;transform:scale(4)}}

/* 渚ф爮 */
.sideBar-wrapper{position: fixed;width: 60px;padding: 6px 5px;border-radius: 10px;box-shadow: 0 4px 27px 15px rgba(95, 95, 95, 0.09);right: 20px;top: 50%;transform: translateY(-50%);z-index: 9999;background: #fff;}
.sideBar-wrapper li{width: 100%;margin-top: 10px;position: relative;cursor: pointer;}
.sideBar-wrapper li:first-child{margin-top: 0;}
.sideBar-wrapper li p{width: 100%;height: 50px;border-radius: 5px;cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;}
.sideBar-wrapper li.logo p{height: 28px;padding: 0 4px;}
.sideBar-wrapper li.relEwm p, .sideBar-wrapper li.relDh p{background: #fff;box-shadow: 0 3px 12px 0 rgba(83, 76, 41, 0.23);}
.sideBar-wrapper li.relEwm p img, .sideBar-wrapper li.relDh p img{position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);transition: all .4s ease;}
.sideBar-wrapper li.relEwm p img.h, .sideBar-wrapper li.relDh p img.h{opacity: 0;}
.sideBar-wrapper li.relEwm:hover p img.s, .sideBar-wrapper li.relDh:hover p img.s{opacity: 0;}
.sideBar-wrapper li.relEwm:hover p img.h, .sideBar-wrapper li.relDh:hover p img.h{opacity: 1;}
.sideBar-wrapper li.relEwm:hover p, .sideBar-wrapper li.relDh:hover p{background: #6c3ec0;}
.relEwm-code, .relDh-number{position: absolute;width: 137px;height: 200px;display: none;border-radius: 5px;background: #fff;align-items: center;justify-content: center;right: 60px;top: 50%;margin-top: -58px;overflow:hidden;box-shadow: 0 4px 27px 15px rgba(95, 95, 95, 0.09);}
.relEwm-code img{max-width: 100%;}
.sideBar-wrapper li.relEwm:hover .relEwm-code{display: flex;}
.relDh-number{width: 172px;height: 50px;margin-top: -25px;right: 50px;background: transparent;box-shadow: none;border-radius: 0px;padding-right: 10px;}
.relDh-number a{width: 100%;height: 100%;background: #fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;align-items: center;font-size: 18px;color: #444;transition: all .4s ease;box-shadow: 0 4px 27px 15px rgba(95, 95, 95, 0.09);}
.relDh-number a:hover{color: #6c3ec0;}
.sideBar-wrapper li.relDh:hover .relDh-number{display: flex;}
@media all and (max-width:1599px) {
    .sideBar-wrapper{right: 10px;}
}
@media all and (max-width:640px) {
    .sideBar-wrapper {right: 8px;width: 50px;}
    .sideBar-wrapper li {margin-top: 6px;}
    .sideBar-wrapper li p {height: 40px;}
    .relEwm-code, .relDh-number {right: 50px;}
    .relDh-number {right: 40px;height: 40px;margin-top: -20px;width: 160px;}
    .relDh-number a{font-size: 16px;}
    .relEwm-code {width: 112px;height: 160px;margin-top: -52px;}
}

/* 涓棿+鍏辩敤閮ㄥ垎 */
.Container-wrapper{width: 100%;}
.contain{width: 1280px;margin: 0 auto;}
.wrapper{padding:90px 0 120px;}
.bgcolorW{background:#fff!important;}
.bgcolor1{background:#F8F8FA;}
.bgcolor2{background:#f2f2f2;}
.bgcolor3{background: linear-gradient(to right bottom,#fefeff,#f9f9fe);}

/*鍒嗛〉*/
.pages{width:100%;text-align:center;margin-top:20px;}
.pages a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #eee;margin:0px 3px;color:#666;vertical-align:middle;border-radius:50%;background:#fff;font-size:16px;transition: all .5s linear;margin-bottom:10px;}
.pages a.on, .pages a:hover{
    background-image: -moz-linear-gradient( 0deg, rgb(82,234,234) 0%, rgb(141,113,255) 60%, rgb(180,97,239) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(82,234,234) 0%, rgb(141,113,255) 60%, rgb(180,97,239) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(82,234,234) 0%, rgb(141,113,255) 60%, rgb(180,97,239) 100%);
    box-shadow: 0px 7px 24px 0px rgba(107, 107, 107, 0.27),inset 0px 0px 13.02px 0.98px rgba(171, 149, 236, 0.67);
    color:#fff;
}  
.pages a:first-child,.pages a:last-child{width:auto;padding:0 20px;border-radius: 25px;}

.com-img img{transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.ofH{overflow:hidden;}

/* 鍐呴〉鍏ㄥ眬閫氱敤banner */
.bann{margin-top:84px;color:#fff;position:relative;}
.bann .contain{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1280px;}
.bann img{max-width:100%;height:435px;width:100%;}
.bann h2{font-size:46px;line-height:46px;color:#fff;margin-bottom: 15px;}
.bann p{font-size:17px;color:#fff;text-transform: uppercase;line-height: 25px;}
/* .bann h2,.bann p{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
@keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}
@-webkit-keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}} */
.bann a.application{border-width: 1.5px;border-color: rgb(147, 103, 247);border-style: solid;background-color: rgba(249, 249, 249, 0);width: 197px;height: 47px;display: block;margin-top:37px;line-height:47px;text-align:center;font-size:16px;color:#6c3ec0;border-radius:30px;z-index: 10;}
.bann a.application:hover{background:#6c3ec0;color:#fff;}
.bann a.changeBtn{margin-top:37px;}
.bnr-case-cont{max-width:620px;margin-left:40px;position: relative;}
.bnr-case-cont:after{content:"";position:absolute;width:41px;height:34px;background:url(../images/pages/icon_yh.png) no-repeat center / contain;top:-50px;}
.bnr-case-cont p{font-size:15px;line-height:28px;font-family:"M";}
.bnr-case-cont .bnr-tit{margin-top:40px;}

.page-nav{background-color: rgb(255, 255, 255);box-shadow: 0.628px 8.978px 9px 0px rgba(190, 190, 190, 0.09);line-height:74px;height: 74px;}
.page-nav li{float:left;margin-right:80px;text-align: center;}
.page-nav li a{display:block;padding:0 12px;position: relative;font-size:16px;}
.page-nav li a:after{position: absolute;content:"";width:0%;height:2px;background:#6c3ec0;left:0px;bottom:0px;transition: all .4s ease;}
.page-nav li.cur a,.page-nav li a:hover{color:#6c3ec0;}
.page-nav li:hover a:after,.page-nav li.cur a:after{width:100%;}

.pd115{padding:115px 0;}


/* 涓嬭浇寮圭獥 */
.popDown{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;background: rgba(34,34,34,.7);align-items: center;justify-content: center;}
.popDown-contain{width: 520px;background: #fff;padding: 50px 80px;border-radius: 4px;position: relative;}
.popDown-close{width: 27px;height: 27px;position: absolute;background: url('../images/pages/icon_xsdown_close.png') no-repeat center;cursor: pointer;top: 24px;right: 24px;transition: all .4s ease;z-index: 9;}
.popDown-close:hover{transform: rotate(90deg);}
.popDown-title{width: 100%;}
.popDown-title .name{color: #333;font-family: "B";line-height: 1.1;}
.popDown-title .text{color: #777;line-height: 1.1;margin-top: 12px;}
.popDown-from{width: 100%;margin-top: 28px;}
.popDown-from li{width: 100%;margin-top: 14px;}
.popDown-from li:first-child{margin-top: 0;}
.popDown-from li input, .popDown-from li textarea{width: 100%;height: 44px;border-radius: 4px;border: 1px solid #eee;display: block;padding: 0 16px;font-size: 14px;color: #444;transition: border .4s ease;}
.popDown-from li input:focus, .popDown-from li textarea:focus{border-color: #444;}
.popDown-from li textarea{height: 102px;padding: 10px 16px;}
.popDown-from li input::-webkit-input-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li input:-moz-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li input::-moz-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li input:-ms-input-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li textarea::-webkit-input-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li textarea:-moz-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li textarea::-moz-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li textarea:-ms-input-placeholder{color: #7a7a7a;font-size: 14px;}
.popDown-from li button{width: 100%;height: 40px;border-radius: 20px;position: relative;font-size: 14px;color: #fff;overflow: hidden;cursor: pointer;}
.popDown-from li button span{position: relative;z-index: 4;}
.popDown-from li button::before, .popDown-from li button::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 20px;transition: all .4s ease;}
.popDown-from li button::before{background: linear-gradient(to right,#52eaea,#8d71ff,#b461ef);}
.popDown-from li button::after{background: linear-gradient(to right,#b461ef,#8d71ff,#52eaea);opacity: 0;}
.popDown-from li button:hover::before{opacity: 0;}
.popDown-from li button:hover::after{opacity: 1;}
.popDown-hint{width: 100%;margin-top: 24px;color: #666;user-select: none;}
.popDown-hint span{color: #6c3ec0;cursor: pointer;}
.popDown.active{display: flex;}
/* 闅愮鏉℃ */
.popPrivacy{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999991;background: rgba(34,34,34,.7);align-items: center;justify-content: center;}
.popPrivacy-contain{width: 800px;background: #fff;padding: 50px 50px 50px 80px;border-radius: 4px;position: relative;}
.popPrivacy-close{width: 27px;height: 27px;position: absolute;background: url('../images/pages/icon_xsdown_close.png') no-repeat center;cursor: pointer;top: 24px;right: 24px;transition: all .4s ease;z-index: 9;}
.popPrivacy-close:hover{transform: rotate(90deg);}
.popPrivacy-title{width: 100%;text-align: center;}
.popPrivacy-title{color: #333;font-family: "B";line-height: 1.1;}
.popPrivacy-content{width: 100%;margin-top: 28px;max-height: 500px;overflow-y: auto;padding-right: 30px;}
.popPrivacy-content::-webkit-scrollbar {width: 3px;}
.popPrivacy-content::-webkit-scrollbar-thumb {background: #6c3ec0;}
.popPrivacy-content::-webkit-scrollbar-track {background: #f1f1f1;}
.popPrivacy-content{scrollbar-color:#6c3ec0 #f1f1f1;scrollbar-width:thin;}
.popPrivacy-content{scrollbar-face-color: #6c3ec0;scrollbar-shadow-color: #6c3ec0;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.popPrivacy-content *{line-height: inherit;color: #777;}
.popPrivacy.active{display: flex;}




/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
}

@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .contain{width: 1280px;}
    .Footer-navbar {width: 700px;}
    .Footer-items {padding: 80px 0 70px;}

    .bann img{height: 380px;}
    .pd115{padding:80px 0;}

    .popDown-contain {width: 480px;padding: 40px 50px;}
    .popPrivacy-contain {width: 700px;padding: 40px 30px 40px 50px;}
    .popPrivacy-content {padding-right: 20px;}

    .footerbanner-qq {right: -146px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
    
}

@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .contain{width: 880px;}
    .Footer-items {padding: 68px 0 60px;}
    .Footer-navbar {width: 560px;}
    .Header-navbar li {margin-left: 14px;}
    .Header-navbar {margin-left: 20px;}
    
    .Header-case a{width: 100px;height: 30px;font-size: 16px;}
    .bann .contain{width:92%;}
    .bann h2{font-size:26px;margin-bottom:0px;}
    .bann p{font-size:14px;}
    .footerbanner {padding: 40px 0;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .noLucency .Container-wrapper{margin-top: 60px;}
    .contain-1600, .contain-1400, .contain{width: 92%;}
    .Container-wrapper{margin-top: 60px;}
    .Header-wrapper .contain{width: 100%;}
    .Header-wrapper{background: #fff;box-shadow: 0 2px 4px 0px rgba(59, 59, 59, 0.1);}
    .Header-wrapper::after{content: "";width: 100%;height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 0;bottom: 0;}
    .Header-logo, .Header-lang-menu{height: 60px;}
    .Header-logo{margin-left: 4%;width: 110px;}
    .Header-navclick{display: flex;margin-right: 4%;}
    .Header-lang{margin: 0 12px 0 4px;}
    .Header-lang-more{width: 120px;margin-left: -60px;top: 60px;}
    .Header-lang-more a{padding: 6px 0;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-left: 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 li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;}
    .Header-navbar.active li{opacity: 1;transform: translateY(0);}
    .Header-menu{height: 44px;padding: 0 4%;}
    .Header-arrow{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/common/arrD.svg') no-repeat center /18px auto;}
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar li:hover .Header-menu{color: #747474;}
    .Header-navbar li.active .Header-menu{color: #6c3ec0;}
    .Header-drop {position: relative;top: 0;left: 0;width: 100%;margin-left: 0;overflow: hidden;background: #f7f7f7;box-shadow: none;}
    .Header-drop a {height: 34px;line-height: 34px;text-align: left;padding: 0 4%;}
    .Header-case,.Header-phone{display: none;}
    .Footer-items{padding: 32px 0 36px;}
    .Footer-items .contain {width: 100%;}

    .Footer-other{width: 100%;text-align: center;}
    .Footer-other-contact a {width: 96px;height: 32px;border-radius: 16px;margin: 0 auto;}
    .Footer-other-contact {margin-top: 20px;}
    .FooterCode {justify-content: center;margin-top: 16px;}
    .FooterCode .codeitem:nth-child(1){margin-right: 10px;}
    .Footer-lang{display: none;}
    .Footer-navbar{width: 100%;}
    .Footer-navbar li{width: 100% !important;}
    .Footer-menu {height: 40px;line-height: 40px;padding: 0 4%;position: relative;}
    .Footer-menu::after{content: "";width: 44px;height: 40px;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/common/arrD.svg') no-repeat center /18px auto;}
    .Footer-menu.active::after{transform: rotate(180deg);}
    .Footer-drop a{padding: 7px 4%;}
    .Footer-drop{display: none;margin-top: 0;}
    .Footer-copyright h6{width: 100%;margin-bottom: 8px;}
    .Footer-copyright {padding: 20px 0;}
    .Footer-other .Footer-menu::after{display: none;}

    .bann{margin-top:60px;}
    .bann a.application{margin-top:15px;width:120px;font-size:14px;height:30px;line-height:30px;}
    .page-nav{height:60px;line-height: 60px;}
    .page-nav .contain{padding:0;width:100%;}
    .page-nav li{width:33.3333%;margin:0;}
    .pd115{padding:30px 0;}
    .bann a.changeBtn{width:140px;height:35px;line-height:35px;margin-top:15px;font-size:14px;}
    .Header-drop.pro-drop {width:100%;background: #f7f7f7;}
    .pro-drop-contain {padding: 16px 0 18px;}
    .Header-drop-other{padding: 6px 0 8px;}
    .Header-drop-contain{padding: 16px 0 18px;}
    .Header-drop.Header-drop-case {width: 100%;background: #f7f7f7;}
    .Header-drop .Header-drop-case-name {padding: 0 8%;}
    .Header-drop .Header-drop-case-link a {font-size: 15px;padding: 0 8%;}
    .Header-drop .Header-drop-case-name span {padding-bottom: 12px;margin-bottom: 6px;}
    .pro-drop h2 {padding: 0 4%;}
    .pro-drop h2 span {padding-bottom: 10px;margin-bottom: 10px;}
    .pro-drop dl a {padding: 8px 4%;width: 100%;}

    .bann img{height: 280px;}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .footerbanner{padding: 20px 0 24px;}
    .footerbanner .foot_ban {flex-wrap: wrap;}
    .footerbanner .foot_ban div{width: 100%;text-align: center;}
    .footerbanner .foot_ban a{width: 154px;height: 34px;line-height: 34px;margin: 8px auto 0;}
    
    .popDown-contain {width: 92%;padding: 24px 16px;}
    .popDown-close, .popPrivacy-close{top: 16px;right: 16px;}
    .popDown-title .text {margin-top: 8px;}
    .popDown-from {margin-top: 20px;}
    .popDown-from li {margin-top: 10px;}
    .popDown-from li input, .popDown-from li textarea {height: 38px;padding: 0 10px;}
    .popDown-from li textarea {height: 90px;padding: 6px 10px;}
    .popDown-hint {margin-top: 12px;line-height: 20px;}
    .popPrivacy-contain { padding: 24px 10px 24px 16px;}
    .popPrivacy-content {margin-top: 20px;max-height: 460px;padding-right: 6px;line-height: 24px;}
}