@charset "UTF-8";
*{margin:0;padding:0;}
html,body{width:100%;height: 100%;}
p{margin:0;}
a,label,span,p,li,ol{font-size: 13px;font-family: '微软雅黑';}
a:hover{text-decoration: none;}
input{outline: none;}
.block-lt{display: block;float: left;}
.block-rt{display: block;float: right;}
.block-lfull{display: block;float: left;width:100%;height: 100%;}
.full-row{width:100%;}
.full-col{height: 100%;}
.animate-1s{transition: 0.15s ease-in-out 0s;}
.animate-2s{transition: 0.2s ease-in-out 0s;}
.animate-3s{transition: 0.3s ease-in-out 0s;}
.curr{cursor: pointer;}
.debug-red{background: rgba(255,60,60,0.2)!important;}
.debug-blue{background: rgba(1, 113, 250, 0.2)!important;}
.debug{background: rgba(0,0,0,0.2)!important;}
.fex-row{display: flex;flex-direction: row;}
.fex-col{display: flex;flex-direction: column;}
.jst-bt{justify-content: space-between;}
.ali-cen{align-items: center;}
.hidden{display: block;float: left;width:0;height: 0;overflow: hidden;}
.no-scroll{overflow-y: scroll;}
.no-scroll::-webkit-scrollbar{display: none;}
.t-dow{box-shadow: 0 0 8px rgba(0,0,0,0.2)!important;}
.text-ell{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.text-2ell{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/* font */
@font-face {
    font-family: 'kk';
    src:url("../common/fonts/kuaikan.otf") format('opentype');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'hl';
    src:url("../common/fonts/honglei.otf") format('opentype');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'guanhei';
    src:url("../common/fonts/guanhei.ttf") format('truetype');
    font-weight: normal;
    font-display: swap;
}
/* root */
:root{
    --theme-bg-color--:#1164f4;
    --theme-hover-color--:#1959ca;
    --defalt-text-color--: #7a7a7a;
}
/* height */
.ht0{height: 0;}
.ht5{height: 5px;}
.ht10{height: 10px;}
.ht15{height: 15px;}
.ht20{height: 20px;}
.ht25{height: 25px;}
.ht30{height: 30px;}
.ht35{height: 35px;}
.ht40{height: 40px;}
.ht45{height: 45px;}
.ht50{height: 50px;}
.ht55{height: 55px;}
.ht60{height: 60px;}
/* mt */
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
/* mb */
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
/* animate.css */
.anim-ds1s{animation-delay: 0.1s;}
.anim-ds2s{animation-delay: 0.2s;}
.anim-ds3s{animation-delay: 0.3s;}
.anim-ds4s{animation-delay: 0.4s;}
.anim-ds5s{animation-delay: 0.5s;}
.anim-ds6s{animation-delay: 0.6s;}
.anim-ds7s{animation-delay: 0.7s;}
.anim-ds8s{animation-delay: 0.8s;}
.anim-ds9s{animation-delay: 0.9s;}
.anim-ds10s{animation-delay: 1s;}
.anim-ds11s{animation-delay: 1.1s;}
.anim-ds12s{animation-delay: 1.2s;}
.anim-ds13s{animation-delay: 1.3s;}
.anim-ds14s{animation-delay: 1.4s;}
.anim-ds15s{animation-delay: 1.5s;}
.anim-ds16s{animation-delay: 1.6s;}
.anim-ds17s{animation-delay: 1.7s;}
.anim-ds18s{animation-delay: 1.8s;}
.anim-ds19s{animation-delay: 1.9s;}
.anim-ds20s{animation-delay: 2s;}
.anim-ds21s{animation-delay: 2.1s;}
.anim-ds22s{animation-delay: 2.2s;}
.anim-ds23s{animation-delay: 2.3s;}
.anim-ds24s{animation-delay: 2.4s;}
.anim-ds25s{animation-delay: 2.5s;}
.anim-ds26s{animation-delay: 2.6s;}
.anim-ds27s{animation-delay: 2.7s;}
.anim-ds28s{animation-delay: 2.8s;}
.anim-ds29s{animation-delay: 2.9s;}
.anim-ds30s{animation-delay: 3s;}
.anim-ds31s{animation-delay: 3.1s;}
.anim-ds32s{animation-delay: 3.2s;}
.anim-ds33s{animation-delay: 3.3s;}
.anim-ds34s{animation-delay: 3.4s;}
.anim-ds35s{animation-delay: 3.5s;}
.anim-ds36s{animation-delay: 3.6s;}
.anim-ds37s{animation-delay: 3.7s;}
.anim-ds38s{animation-delay: 3.8s;}
.anim-ds39s{animation-delay: 3.9s;}
.anim-ds40s{animation-delay: 4s;}
.anim-ds41s{animation-delay: 4.1s;}
.anim-ds42s{animation-delay: 4.2s;}
.anim-ds43s{animation-delay: 4.3s;}
.anim-ds44s{animation-delay: 4.4s;}
.anim-ds45s{animation-delay: 4.5s;}
.anim-ds46s{animation-delay: 4.6s;}
.anim-ds47s{animation-delay: 4.7s;}
.anim-ds48s{animation-delay: 4.9s;}
.anim-ds49s{animation-delay: 4.9s;}
.anim-ds50s{animation-delay: 5s;}
/* menu:st */
.menu-out{height: 50px;position: fixed;left: 0;top: 0;z-index: 900;padding:5px;box-sizing: border-box;justify-content: space-between;}
.logo{width:120px;height: 40px;color:#fff;line-height: 38px;text-indent: 5px;font-size: 26px;}
.logo:hover{color:#fff;}
.logo > img{aspect-ratio: 3 / 1;}
.contact-nav-box{height: 40px;}
.nav-tell > span{display: block;float: left;width: auto;color:#fff;height: 40px;line-height: 39px;font-size: 22px;}
.nav-tell > span:last-child{font-family: 'kk';font-size: 13px;margin-left: 4px;}
.mob-menu{width: 40px;height: 40px;text-align: center;line-height: 37px;color:#fff;font-size: 26px;margin-left: 12px;}
.menu-scroll-show{background:rgba(17,100,244,0.7);backdrop-filter: blur(10px);}
.menu-out-a2{position: relative;top:0;left: 0;}
/* menu:dc:st */
.dc-menu-layer{height: 40px;}
.menu-dc-item{height: 40px;color:#fff!important;width: fit-content;line-height: 40px;font-size: 17px;font-weight: lighter;margin-right: 20px;transition: 0.2s ease-in-out 0s;position: relative;cursor: pointer;}
.menu-dc-item:last-child{margin-right: 0;}
.menu-dc-item:before{display: block;float: left;content: "";width:0;height: 1px;position: absolute;top: 34px;left: 50%;background: #fff;transition: 0.2s ease-in-out 0s;}
.menu-dc-item:hover:before{width:100%;left:0;color:#fff;}
.menu-dc-item-active:before{width:100%;left:0;color:#fff;}
.menu-dc-item{display: none;}
/* menu:dc:ed */
/* menu layer */
.mob-menu-layer{position: fixed;top: 0;left: 0;height: 0;background:rgba(17,100,244,0.7);z-index: 900;backdrop-filter: blur(10px);overflow: hidden;transition: 0.5s ease-in-out 0s;}
.mob-menu-item-panel{height: calc(100% - 50px);align-items: center;padding:15px;box-sizing: border-box;justify-content: space-between;}
.grid-mob-menu{display: grid;float: left;width:100%;grid-template-columns: repeat(3,calc((100% - 30px) / 3));gap:15px;grid-template-rows: 90px 90px;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #5292ef;}
.mob-menu-item{background: rgba(255,255,255,0.1);justify-content: center;border-radius: 4px;}
.mob-menu-item > span{color:#fff;}
.mob-menu-item > .iconfont{font-size: 28px;font-weight: lighter;}
.mob-menu-item > span:last-child{font-size: 16px;padding-top:5px;font-weight: lighter;}
.mob-menu-item-active{background: rgba(255,255,255,1);}
.mob-menu-item-active > span{color:var(--theme-bg-color--)!important;}
.mob-menu-wechat-box > img{width:180px;height: 180px;margin-bottom: 20px;}
.mob-menu-tips{width: auto;padding:5px 15px;align-items: center;justify-content: center;height: 30px;color:#fff;font-family: 微软雅黑;font-size: 20px;font-weight: lighter;letter-spacing: 2px;position: relative;margin-bottom: 20px;}
.mob-menu-tips:before{display: block;float: left;content: "";position: absolute;width:100%;height: 1px;background: #fff;top: 0;left: 0;}
.mob-menu-tips:after{display: block;float: right;content: "";position: absolute;width:100%;height: 1px;background: #fff;bottom: 0;left: 0;}
/* menu:ed */
/* Bottom:st */
.bottom-panel{padding:10px;box-sizing: border-box;background: #0c1e3c;}
.bottom-panel{padding-bottom: 60px;}
.bottom-flex-panel{float: left;align-items: center;justify-content: center;border-bottom: 1px solid #5080cf;padding-bottom: 10px;}
.bottom-icon-logo-bt{display: block;float: left;width:160px;height: 40px;text-align: center;line-height: 40px;color:#5080cf;font-size: 28px;margin-top:5px;cursor: pointer;transition: 0.2s ease-in-out 0s;}
.bottom-grid1{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;margin-top:10px;}
.bottom-grid1-elems{float: left;width:100%;padding:10px;box-sizing: border-box;border:1px dashed #5080cf;align-items: center;justify-content: center;cursor: pointer;transition: 0.2s ease-in-out 0s;}
.bottom-grid1-elems > span{display: block;float: left;width: fit-content;color:#5080cf;font-size: 15px;font-weight: lighter;transition: 0.2s ease-in-out 0s;}
.bottom-grid1-elems > .iconfont{margin-right: 5px;font-size: 18px;}
.bottom-icon-logo-bt:hover{color:#a4c4fa;}
.bottom-grid1-elems:hover > span{color:#a4c4fa;}
.bottom-grid1-elems:hover{border:1px dashed #a4c4fa;}
.bottom-info-box{padding:5px 0;border-bottom: 1px solid #5080cf;}
.bottom-copyright{height: 24px;line-height: 24px;text-align: center;color:#5080cf;cursor: pointer;transition: 0.2s ease-in-out 0s;}
.bottom-copyright:hover{color:#a4c4fa;}
.bottom-icp-tag{height: 24px;line-height: 24px;text-align: center;color:#5080cf;cursor: pointer;transition: 0.2s ease-in-out 0s;}
.bottom-icp-tag:hover{color:#a4c4fa;}
.bottom-links{float: left;width: 100%;align-items: center;justify-content: center;height: 24px;}
.bottom-links > a{display: block;float:left;width: fit-content;height: 10px;line-height: 10px;color:#5080cf;cursor: pointer;transition: 0.2s ease-in-out 0s;padding:0 15px;border-right: 1px solid #5080cf;}
.bottom-links > a:last-child{border-right: none;}
.bottom-links > a:hover{color:#a4c4fa;}
.bottom-sitezz-total{width: 100px;height: 24px;line-height: 24px;color:#5080cf;margin-left:calc(50% - 50px);text-align: center;margin-top:8px;transition: 0.2s ease-in-out 0s;}
.bottom-sitezz-total:hover{color:#a4c4fa;text-decoration: underline;}
/* Bottom:ed */
/* slideBar:st */
.mobSlideBar{position: fixed;left: 0;bottom: 0;height: 56px;padding:3px 0;box-sizing: border-box;background: rgba(10,21,39,0.8);backdrop-filter: blur(8px);box-shadow: 0 -2px 8px rgba(0,0,0,0.2);z-index: 700;border-top:1px solid rgba(255,255,255,0.3);}
.mobSlideElems{height: 56px;width:20%;}
.mobSlideElems > .iconfont{display: block;float: left;width:100%;height: 30px;text-align: center;line-height: 34px;color:#fff;font-size: 22px;}
.mobSlideElems > span:last-child{display: block;float: left;width:100%;height: 20px;text-align: center;line-height: 16px;color:#fff;font-size: 12px;}
.global-liuyan-panel{width:100%;height: 100%;}
.glo-liuyan-tit{float: left;width: 100%;height: 41px;justify-content: space-between;padding:0 12px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.glo-liuyan-tit > span{display: block;float: left;width:auto;height: 41px;line-height: 41px;}
.glo-liuyan-tit > span:first-child{font-size: 14px;font-weight: bold;font-family: Arial;}
.glo-liuyan-tit > span:last-child{width:36px;height: 41px;text-align: right;line-height: 41px;font-size: 16px;}
.glo-liuyan-tit > .icon-nav-closed:hover{color:#ff0000;}
.glo-liuyan-ctPanel{width:100%;height: calc(100% - 42px);padding:15px;box-sizing: border-box;}
.liuyan-container-input,.liuyan-container-textarea{border:none;}
.liuyan-container-input{display: block;float: left;width:100%;padding:15px;box-sizing: border-box;background: #f1f1f1;border-radius: 2px;margin-bottom: 10px;transition: 0.2s ease-in-out 0s;}
.glo-liu-tag{height: 24px;line-height: 24px;font-size: 13px;color: #505050;}
.bixuan::before{display: block;float: left;content: "*";width: auto;height: 24px;color:#ff0000;font-size: 15px;line-height: 28px;margin-right: 2px;}
.liuyan-container-textarea{display: block;float: left;width:100%;padding:15px;box-sizing: border-box;background: #f1f1f1;border-radius: 2px;margin-bottom: 10px;resize:none;height: 90px;transition: 0.2s ease-in-out 0s;}
.liuyan-container-input:focus,.liuyan-container-textarea:focus{background: #e8e8e8;}
.service-liu-out{margin-bottom: 10px;}
.service-category-elems{display: block;float: left;width:calc(50% - 4px);margin-bottom: 2px;margin-left: 4px;}
.liu-radio-container{display: none;}
.liu-radio-container + label{display: block;float: left;width: fit-content;height: 24px;line-height: 24px;font-size: 14px;transition: 0.2s ease-in-out 0s;cursor: pointer;}
.liu-radio-container + label:before{display: block;float: left;content: "";width:14px;height: 14px;border:1px solid #bebebe;position: relative;top:4px;margin-right: 4px;background: url("../images/icon_checked.png") no-repeat 7px 7px;background-size:0 0;transition: 0.2s ease-in-out 0s;}
.liu-radio-container:checked + label:before{background-position: 0 0;background-size:14px 14px;border:1px solid var(--theme-bg-color--);}
.liu-radio-container:checked + label{color:var(--theme-bg-color--);}
.liu-captcha-box > .liuyan-container-input{width:calc(50% - 3px);}
.liuyan-captcha-img{width:calc(50% - 8px);height: 44px;border:1px solid #d9d9d9;}
.liu-submit-send{height: 38px;width:100%;text-align: center;line-height: 38px;color:#fff;background: var(--theme-bg-color--);transition: 0.15s ease-in-out 0s;}
.liu-submit-send:hover{opacity: 0.9;}
.mob-language-layer{position: fixed;z-index: 680;left: 0;bottom:55px;width:100%;height: 0;background: rgba(10,21,39,0.2);transition: 0.5s ease-in-out 0s;overflow: hidden;backdrop-filter: blur(4px);}
.mob-language-panel{width: 100%;height: 280px;position: absolute;z-index: 50;left: 0;bottom: -300px;background: rgba(10,21,39,0.8);backdrop-filter: blur(8px);transition: 0.3s ease-in-out 0s;}
.mod-lang-tit-bar{float: left;height: 37px;border-bottom: 1px solid rgba(255,255,255,0.3);padding:0 10px;box-sizing: border-box;justify-content: space-between;}
.mod-lang-tit-bar > span{display: block;float: left;width:fit-content;height: 37px;line-height: 37px;color:#fff;}
.mob-lang-panel{display: grid;float: left;width: 100%;height: auto;padding:10px;box-sizing: border-box;grid-template-columns: repeat(3,calc((100% - 20px) / 3));gap: 10px;}
.mod-lang-tag{display: block;float: left;width:100%;height: 30px;color: #a2a2a2;border:1px solid #a2a2a2;text-align: center;line-height: 30px;font-size: 13px;cursor: pointer;transition: 0.2s ease-in-out 0s;}
.mod-lang-tag:hover{border:1px solid var(--theme-bg-color--);background: var(--theme-bg-color--);color:#fff;}
.mob-lang-active{border:1px solid var(--theme-bg-color--);background: var(--theme-bg-color--);color:#fff;}

/* 悬浮客服:样式1:ST */
.dvcSlideBar{float: left;width:58px;height: auto;position: fixed;z-index: 300;right: 10px;top:50%;transform: translateY(-50%);}
.dvc-Slide-elems{width:58px;height: 58px;background: #fff;margin-bottom: 2px;cursor: pointer;transition: 0.2s ease-in-out 0s;position: relative;box-shadow: 0 0 10px rgba(80,80,80,0.1);border-radius: 3px;}
.dvcSlideBar > .dvc-Slide-elems:last-child{margin-bottom: 0;}
.dvcSlidBox{width:58px;height: 58px;border-radius: 3px;overflow: hidden;transition: 0.2s ease-in-out 0s;position: absolute;top:0;left:0;z-index: 90;}
.dvcSlidBox > .iconfont{display: block;float: left;width:100%;height: 28px;text-align: center;line-height: 42px;font-size: 24px;}
.dvcSlidBox > span:last-child{display: block;float: left;width:100%;height: 20px;line-height: 28px;text-align: center;font-size: 12px;}
.dvcSlidBox > span{color: #505050;transition: 0.2s ease-in-out 0s;}
.dvc-Slide-elems:hover > .dvcSlidBox{background: var(--theme-bg-color--);}
.dvc-Slide-elems:hover > .dvcSlidBox > span{color:#fff;}
.dvc-elem-show{position: absolute;z-index: 300;width:0;right:58px;overflow: hidden;transition: 0.2s ease-in-out 0s;box-shadow: 0 0 10px rgba(80,80,80,0.1);}
.dvc-Slide-elems:hover > .dvc-elem-show{width:158px;}
.dvc-elem-phone-box{width:156px;height: 58px;background: #fff;border-radius: 4px;}
.dvc-elem-phone-box > p{display: block;float: left;width:100%;height: 58px;text-align: center;line-height: 58px;font-family: 'kk';color:var(--theme-bg-color--);font-size: 14px;}
.dvc-elem-img{height: 178px;width:0;top:-60px;}
.dvc-elem-img-box{width:156px;height: 178px;background: #fff;padding:10px;box-sizing: border-box;border-radius: 4px;}
.dvc-elem-img-box > img{display: block;float: left;width:136px;height: 136px;}
.dvc-slid-infoTag{height: 24px;text-align: center;line-height: 24px;background: var(--theme-bg-color--);color:#fff;}
.dvcSlideBar{display: none;}
/* 悬浮客服:样式1:ED */
/* 悬浮客服:样式2:ST */
.fxd-s2-wrapper{position: fixed;z-index: 300;right: 5px;width:42px;height: auto;top:50%;transform: translateY(-50%);}
.fxd-s2-elems{width:42px;height: 42px;margin-bottom: 5px;cursor: pointer;position: relative;}
.fxd-s2-elem-ico{width:42px;height: 42px;background: #fff;border-radius: 42px;text-align: center;line-height: 42px;color:var(--theme-bg-color--);font-size: 20px;box-shadow: 0 0 12px rgba(0,0,0,0.1);transition: 0.2s ease-in-out 0s;position: absolute;z-index: 100;left:0;top:0;}
.fxd-hidden-layer{width:0;height: 42px;background:none;position: absolute;z-index: 90;left:0;top:0;transition: 0.3s ease-in-out 0s;opacity: 0;}
.fxd-data-phone{width:140px;height: 42px;background: #fff;border-radius: 3px;position: relative;box-shadow: 0 0 8px rgba(120,120,120,0.2);text-align: center;line-height: 42px;font-family: kk;color:var(--theme-bg-color--);font-size: 14px;}
.fxd-data-img{width:140px;height: 140px;background: #fff;box-shadow: 0 0 8px rgba(120,120,120,0.2);border-radius: 3px;position: relative;left:0;top:-49px;padding:8px;box-sizing: border-box;}
.fxd-s2-elems:hover > .fxd-s2-elem-ico{background: var(--theme-bg-color--);color:#fff;}
.fxd-s2-elems:hover > .fxd-hidden-layer{left:-146px;width:188px;opacity: 1;}
.fxd-s2-wrapper{display: none;}
/* 悬浮客服:样式2:ED */
.global-language-panel{width:100%;height: 100%;background: rgba(10,21,39,0.8);backdrop-filter: blur(8px);}
.dvc-lang-grid{display: grid;float: left;width:100%;height: auto;grid-template-columns: repeat(5,calc((100% - 40px) / 5));gap: 10px;padding:10px;box-sizing: border-box;}
/* slideBar:ed */
/* topPanel:st */
.topPanel{float: left;height: 220px;align-items: center;justify-content: center;}
.topPanel-tit{display: block;float: left;width: fit-content;color:#fff;font-size: 20px;font-weight: lighter;margin-top:30px;position: relative;padding:5px 15px;}
.topPanel-tit::before{display: block;float: left;content: "";width:0;height: 1px;background: #fff;position: absolute;left: 0;top: 0;animation: topPanel-tit-anim 0.4s forwards 0.5s;}
.topPanel-tit::after{display: block;float: left;content: "";width:0;height: 1px;background: #fff;position: absolute;right: 0;bottom: 0;animation: topPanel-tit-anim 0.4s forwards 0.5s;}
@keyframes topPanel-tit-anim { from{width:0;} to{width: 100%} }
/* topPanel:ed */
/* webPath:st */
.web-path-out{padding:0 10px;box-sizing: border-box;border-bottom: 1px solid #d0d0d0;}
.web-path-box{height: 36px;padding:8px 0;box-sizing: border-box;}
.web-path,.web-path > a,.web-path > span{display: block;float: left;width: auto;height: 20px;}
.web-path > .iconfont{display: block;float: left;width:20px;height: 20px;text-align: center;line-height: 20px;font-size: 20px;}
.web-path > .iconfont:first-child{margin-right: 4px;color: #9d9d9d;line-height: 22px;}
.web-path > .icon-small-right{font-size: 24px;margin-right: 4px;color: #656565;}
.web-path > a{display: block;float: left;width: fit-content;height: 20px;line-height: 20px;font-size: 13px;color: #3f3f3f;transition: 0.2s ease-in-out 0s;}
.web-path > a:hover{color:var(--theme-bg-color--);}
/* webPath:ed */
/* pagerBox:st */
.pager-container-box{padding:10px;box-sizing: border-box;}
.pager-box{float: left;width:100%;align-items: center;justify-content: center;border-top:1px solid #c4c4c4;border-bottom: 1px solid #c4c4c4;padding:10px 0;}
.pager-box > .pager-tainer{height: 36px;width: 36px;border:1px solid #d0d0d0;text-align: center;line-height: 36px;margin-right: 2px;transition: 0.2s ease-in-out 0s;cursor: pointer;font-size: 13px;font-family: Arial;}
.pager-box > .pager-tainer:last-child{margin-right: 0;}
.pager-box > .pager-tainer:first-child,.pager-box > .pager-tainer:last-child{width: fit-content;padding:0 10px;}
.pager-box > .pager-tainer:hover{background: var(--theme-bg-color--);border:1px solid var(--theme-bg-color--);color:#fff;}
.pager-tainer-active{background: var(--theme-bg-color--);border:1px solid var(--theme-bg-color--)!important;color:#fff;}
/* pagerBox:ed */
/* recom case:st */
.recom-cases-panel{float: left;border-top:2px solid var(--theme-bg-color--);}
.recom-title{height: 24px;padding-top:10px;border-bottom: 1px solid #b7b7b7;padding-bottom: 4px;margin-bottom: 10px;}
.recom-title > span{display: block;float: left;width: fit-content;height: 24px;line-height: 24px;}
.recom-title > span:first-child{font-size: 16px;font-weight: bold;}
.recom-title > span:last-child{font-family: Impact;font-size: 16px;margin-left: 6px;color:#9f9f9f;}
.new-case-elems{margin-bottom: 10px;}
.new-case-elems:last-child{margin-bottom: 0;}
.new-case-box{height: 90px;}
.recom-thumb-view{width:150px;aspect-ratio: 5 / 3;overflow: hidden;position: relative;}
.recom-cases-img{width:100%;aspect-ratio: 5 / 3;transition: 0.2s ease-in-out 0s;}
.recom-case-infoBox{float: left;width:calc(100% - 155px);height: 100%;justify-content: space-between;}
.recom-case-name{height: 24px;line-height: 24px;font-size: 15px;font-weight: bold;color: #363636;transition: 0.2s ease-in-out 0s;}
.recom-case-bmInfo{height: 24px}
.recom-case-bmInfo > span{display: block;float: left;width: fit-content;height: 20px;line-height: 26px;font-size: 13px;color: #8a8a8a;transition: 0.2s ease-in-out 0s;}
.recom-case-bmInfo > span:last-child{float: right;}
.new-case-elems:hover > .new-case-box > .recom-case-infoBox > .recom-case-name{color:var(--theme-bg-color--);}
.new-case-elems:hover > .new-case-box > .recom-case-infoBox > .recom-case-bmInfo > span{color:var(--theme-bg-color--);}
.new-case-elems:hover > .new-case-box > .recom-thumb-view > img{transform: scale(1.1);}
/* recom case:ed */
/* recomed cases:st */
.cases-recomed-out{padding:10px;box-sizing: border-box;}
.cases-recomed-out{padding-bottom: 40px;}
.case-recomed-tit{float: left;width:100%;align-items: center;justify-content: center;height: 28px;line-height: 28px;}
.case-recomed-tit > span{display: block;float: left;width: fit-content;height: 28px;line-height: 28px;}
.case-recomed-tit > span:not(.iconfont){font-size: 20px;font-family: 'kk';color: var(--theme-bg-color--);padding:0 10px;}
.case-recomed-tit > .iconfont{width:18px;height: 28px;text-align: center;font-size: 20px;color: var(--theme-bg-color--);}
.cases-recomded-grid{display: grid;float: left;width:100%;grid-template-columns: 100%;gap: 10px;margin-top:10px;}
.img-case-view{aspect-ratio: 5 / 3;position: relative;overflow: hidden;}
.cases-thumb-pic{aspect-ratio:  5 / 3;position: absolute;top:0;left:0;z-index: 50;}
.cases-rcc-layer{position: absolute;z-index: 60;top: 0;left: 0;width:100%;height: 100%;background: rgba(17,100,244,0.4);backdrop-filter: blur(8px);opacity: 0;transition: 0.2s ease-in-out 0s;}
.cases-rcc-layer > .icon-line-add{display: block;float: left;position: absolute;z-index: 51;width:40px;height: 40px;left:calc(50% - 20px);top:calc(50% - 20px);text-align: center;line-height: 40px;color:#fff;font-size: 36px;transition: 0.3s ease-in-out 0.2s;transform: scale(0);}
.rcc-infos-box{padding:10px;box-sizing: border-box;border:1px solid #ddd;}
.rcc-infos-box{border-top:none;}
.rcc-infos-tit{font-size: 15px;font-weight: bold;font-family: Arial;color: #3a3a3a;transition: 0.2s ease-in-out 0s;}
.rcc-info-tags{margin-top:5px;height: 24px;}
.rcc-info-tags > span{display: block;float: left;width: fit-content;height: 22px;line-height: 22px;font-size: 13px;border:1px dashed #909090;padding:0 8px;margin-right: 3px;color: #3a3a3a;transition: 0.2s ease-in-out 0s;}
.rcc-info-tags > span:last-child{margin-right: 0;}
.cases-recomed-elems:hover > .img-case-view > .cases-rcc-layer{opacity: 1;}
.cases-recomed-elems:hover > .img-case-view > .cases-rcc-layer > .icon-line-add{transform: scale(1);}
.cases-recomed-elems:hover > .rcc-infos-box > .rcc-infos-tit{color:var(--theme-bg-color--);}
.cases-recomed-elems:hover > .rcc-infos-box > .rcc-info-tags > span{border:1px solid var(--theme-bg-color--);background: var(--theme-bg-color--);color:#fff;}
.rcc-lookcase-more{height: 40px;text-align: center;line-height: 40px;color:#fff!important;background: var(--theme-bg-color--);margin-top:20px;transition: 0.2s ease-in-out 0s;}
.rcc-lookcase-more:hover{opacity: 0.9;}
/* recomed cases:ed */
.hide-view{opacity: 0;}
/* debug:st */
.debug-frame{position: fixed;z-index: 300;left: 100px;top: 140px;width:400px;height: 60px;background: #fff;padding:5px;box-sizing: border-box;}
/* debug:ed */
.maintain-wrapper{position: fixed;z-index: 300;height: 30px;width:calc(100% - 20px);max-width: 400px;left:50%;transform: translateX(-50%);bottom:66px;border-radius: 2px;background: rgba(250,42,14,0.6);backdrop-filter: blur(4px);padding:5px 10px;box-sizing: border-box;}
.maintain-tips{height: 20px;}
.maintain-tips > span{display: block;float: left;width: fit-content;height: 20px;line-height: 20px;color:#fff;}
/* 媒体查询: 460 */
@media (min-width: 460px){

}
/* 媒体查询: 642 */
@media (min-width: 642px){
    .topPanel{height: 280px;}
    .topPanel-tit{font-size: 24px;padding:8px 20px;}
    .pager-box > .pager-tainer{margin-right: 5px;font-size: 14px;}
    .pager-box > .pager-tainer:first-child,.pager-box > .pager-tainer:last-child{padding:0 20px;}
    .cases-recomded-grid{grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;}
    .bottom-grid1{grid-template-columns: repeat(3,calc((100% - 10px) / 3));gap: 10px;}
    .bottom-flex-panel{padding-bottom: 10px;}
}
/* 媒体查询: 768 */
@media (min-width: 768px){
    .mob-menu-layer,.icon-mob-menu{display: none;}
    .menu-dc-item{display: block;}
    .menu-dc-item{display: flex;}
    .mobSlideBar,.mob-language-layer{display: none;}
    .dvcSlideBar{display: block;}
    .topPanel{height: 340px;}
    .topPanel-tit{font-size: 26px;padding:8px 30px;}
    .pager-box > .pager-tainer{margin-right: 10px;}
    .cases-recomded-grid{grid-template-columns: repeat(2,calc(50% - 10px));gap: 20px;margin-top:20px;}
    .rcc-lookcase-more{width:300px;margin-left: calc(50% - 150px);}
    .bottom-grid1{width:720px;}
    .bottom-copyright,.bottom-icp-tag,.bottom-links{width:fit-content;}
    .bottom-copyright{margin-left: 5px;margin-right: 10px;}
    .bottom-links{float: right;}
    .bottom-links > a{padding:0 10px;margin-top:0;}
    .bottom-links > a:last-child{padding-right: 5px;}
    .bottom-panel{padding-bottom: 10px;}
    .fxd-s2-wrapper{display: block;}
    .maintain-wrapper{bottom:20px;}
}
/* 媒体查询: 992 */
@media (min-width: 992px){
    .menu-out{height: 70px;padding:10px;}
    .logo{width:150px;height: 50px;line-height: 48px;font-size: 34px;text-indent: 10px;}
    .menu-dc-item{height: 50px;line-height: 50px;font-size: 18px;margin-right: 35px;font-weight: normal;}
    .menu-dc-item:before{top: 40px;}
    .contact-nav-box,.nav-tell,.nav-tell > span,.icon-mob-menu{height: 50px;line-height: 50px;}
    .nav-tell > .iconfont{line-height: 47px;font-size: 26px;}
    .nav-tell > span:last-child{font-size: 17px;}
    .topPanel{height: 420px;}
    .topPanel-tit{font-size: 28px;padding:8px 40px;}
    .pager-container-box{margin:20px 0;}
    .cases-recomded-grid{grid-template-columns: repeat(3,calc((100% - 20px) / 3));gap: 10px;}
    .bottom-grid1{width:960px;grid-template-columns: repeat(6,calc((100% - 50px) / 6));gap: 10px;}
    .bottom-links > a{padding:0 20px;}
}
/* 媒体查询:1200 */
@media (min-width: 1200px){
    .menu-dc-item{margin-right: 60px;}
    .logo{font-size: 44px;}
    .menu-out{height: 80px;padding:15px 180px;}
    .pager-container-box{padding-left: 0;padding-right: 0;margin:30px 0;}
    .web-path-box,.pager-container-box,.cases-recomded-grid{width:1160px;margin-left: calc(50% - 580px);}
    .topPanel{height: 460px;}
    .topPanel-tit{font-size: 32px;padding:8px 50px;}
    .cases-recomded-grid{grid-template-columns: repeat(3,calc((100% - 30px) / 3));gap: 15px;margin-top:40px;}
    .bottom-flex-panel,.bottom-info-box{width:90%;margin-left: 5%;}
    .bottom-flex-panel{padding-bottom: 20px;}
    .bottom-copyright,.bottom-links{margin: 0 20px;}
    .bottom-copyright{margin-right: 40px;}
}
/* 媒体查询:1440 */
@media (min-width: 1440px){
    .web-path-box,.pager-container-box,.cases-recomded-grid{width:1380px;margin-left: calc(50% - 690px);}
    .topPanel{height: 510px;}
    .topPanel-tit{font-size: 34px;padding:10px 60px;}
    .cases-recomded-grid{grid-template-columns: repeat(3,calc((100% - 60px) / 3));gap: 30px;margin-top:40px;}
}
/* 媒体查询:1560 */
@media (min-width: 1560px){
    .web-path-box,.pager-container-box,.cases-recomded-grid{width:1480px;margin-left: calc(50% - 740px);}
}

/* 废弃两个分辨率 */
/* @media (min-width: 1800px){ 媒体查询:1800 } */
/* @media (min-width: 576px){ 媒体查询: 576 } */