/* header */
.header{position: fixed;z-index: 9;width: 100%;color: #fff;left: 0;top: 0;}
.header .logo{line-height: 3.93rem;}
.header .logo img{height: 1.93rem;}
.header .top{display: flex;justify-content: flex-end;padding-top: 0.73rem;line-height: 0.73rem;}
.header .top img{filter: brightness(0) invert(0.3);}
.header .top .lan{margin-right: 1rem;}
.header .top .lan img{margin-right: 5px;}
.header .top .lan:hover{color: #2E2F91;}
.header .top .lan:hover img,
.header .top .searchBtn{filter: brightness(1) invert(0);}
.header .top .searchBtn{cursor: pointer;}
.header .nav{margin-right: -0.67rem;}
.header .nav .nLi{position: relative;padding: 0 0.67rem;}
.header .nav .nLi h2 a{display: block;padding: 0.6rem 0 0.9rem;line-height: 1rem;}
.header .nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 180px;margin-left: -90px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.header .nav .nLi .navSub ul li{padding: 12px 0;}
.header .nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;color: #333;padding: 0 4px;position: relative;}
.header .nav .nLi .navSub a:hover{color: #2E2F91;}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #2E2F91;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .menuIcon span{background: currentColor;}
.header.fixed .nav .nLi.on h2 a,
.header.fixed .nav .nLi:hover h2 a,
.header:hover .nav .nLi.on h2 a,
.header:hover .nav .nLi:hover h2 a{color: #2E2F91;}
.header .white{filter: brightness(0) invert(1) !important;}
.header.fixed,
.header:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);color: #222C35;}
.header.fixed .logo img,
.header:hover .logo img{filter: brightness(1) invert(0) !important;}
.header.fixed .top img,
.header:hover .top img{filter: brightness(0) invert(0.3) !important;}

/* 案例 */
.caseWrap{display: block;background: #F6F6F6;border-radius: 0.67rem;padding: 1rem;}
.caseWrap .tit{color: #232323;line-height: 1.2rem;height: 2.4rem;}
.caseWrap .label{margin: 0.4rem 0 1.33rem;display: flex;align-items: center;}
.caseWrap .label .icon{width: 0.93rem;height: 0.93rem;background: #2E2F91;border-radius: 4px;margin-right: 8px;}
.caseWrap .label .icon img{max-height: 60%;max-width: 60%;}
.caseWrap .label span{padding: 0 0.27rem;border: 1px solid #2E2F91;border-radius: 4px;background: rgba(46, 47, 145, 0.04);color: #2E2F91;line-height: 0.87rem;}
.caseWrap .yh{width: 0.53rem;}
.caseWrap .line{width: calc(100% - 1.33rem);height: 1px;background: #DDDDDD;}
.caseWrap .desc{margin: 0.53rem 0 1.33rem;color: #666666;line-height: 0.93rem;height: 2.79rem;overflow: hidden;}
.caseWrap .more{color: #2E3091;line-height: 0.73rem;}
.caseWrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.caseWrap:hover .tit{color: #2E3091;}

/* footer */
.footer{padding: 2rem 0 1.17rem;background: #0F121D;color: #FFFFFF;}
.footer a:hover{text-decoration: underline;}
.footer .logo img{height: 1.33rem;}
.footer .contLeft .text{margin: 0.67rem 0 1.33rem;line-height: 0.8rem;}
.footer .qrcode{display: flex;align-items: center;}
.footer .qrcode .picWrap{margin-right: 0.67rem;text-align: center;}
.footer .qrcode .pic{width: 3.33rem;height: 3.33rem;margin-bottom: 0.3rem;}
.footer .qrcode .box{width: 6.67rem;height: 3.33rem;background: url(../images/box.svg) no-repeat center;background-size: 100%;flex-direction: column;}
.footer .qrcode .box .icon{height: 0.67rem;margin-bottom: 0.4rem;}
.footer .nav{margin-bottom: 3.87rem;line-height: 1rem;}
.footer .nav dl{margin-left: 2rem;}
.footer .nav dl:first-child{margin-left: 0;}
.footer .nav dl dt{margin-bottom: 0.27rem;font-weight: bold;}
.footer .contRight .text{text-align: right;line-height: 0.83rem;color: rgba(255, 255, 255, 0.6);}

/* 飘窗 */
.float{position: fixed;right: -1.8rem;top: 50%;z-index: 9;transform: translateY(-50%);}
.float.show{right: 0;}
.float li{margin-top: 3px;position: relative;width: 1.66rem;height: 1.66rem;}
.float li:first-child{margin-top: 0;}
.float li .icon{width: 1.66rem;height: 1.66rem;background: #2E2F91;border-radius: 6px 0 0 6px;cursor: pointer;}
.float li .icon img{height: 50%;}
.float li.li1 a{position: absolute;left: 0;top: 0;height: 100%;box-sizing: border-box;display: flex;align-items: center;width: 200px;background: #2E2F91;border-radius: 6px 0 0 6px;}
.float li.li1 a .tel{color: #fff;font-family: "Oswald-Bold";}
.float li.li1:hover a{transform: translateX(-140px);}
.float li .qrcode{width: 120px;height: 120px;box-sizing: border-box;padding: 6px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: absolute;right: calc(100% + 5px);top: 50%;transform: translateY(-50%);opacity: 0;visibility: hidden;}
.float li .qrcode img{width: 100%;height: 100%;}
.float li:hover .qrcode{opacity: 1;visibility: visible;}

/* 移动端导航 */
.mobNav{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 8;display: none;box-sizing: border-box;padding-top: 3.93rem;}
.mobNav .bgLayer{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.8);}
.mobNav .view{width: 100%;max-height: 100%;box-sizing: border-box;padding: 0 0 2rem;overflow: auto;background: #f5f5f5;position: relative;z-index: 2;}
.mobNav .list .nLi{border-bottom: 1px solid #ddd;padding: 0 16px;}
.mobNav .list .nLi .title{padding: 0 5%;line-height: 46px;color: #595959;}
.mobNav .list .nLi .title .tit{flex: 1;font-weight: normal;}
.mobNav .list .nLi .title .tit a{display: block;}
.mobNav .list .nLi .title .icon{width: 46px;height: 46px;}
.mobNav .list .nLi .title .icon img{height: 26%;filter: brightness(0) invert(0.4);transform: rotateZ(90deg);}
.mobNav .list .nLi .navSub{display: none;}
.mobNav .list .nLi .navSub ul{padding: 0 5% 10px 8%;}
.mobNav .list .nLi .navSub ul a{display: block;line-height: 38px;color: #666;}
.mobNav .list .nLi.on .title{background: #eaeaea;}
.mobNav .list .nLi.on .title .icon img{transform: rotateZ(270deg);}

@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}

@media screen and (max-width: 1200px){
.footer .nav dl{margin-left: 1rem;}
}
@media screen and (max-width: 1024px){
.header .logo{line-height: 2.2rem;}
.header .logo img{height: 1.2rem;}
.header .nav{display: none;}
.header .top{padding-top: 0;}
.header .menuIcon{display: block;}
.header .top .lan{margin-right: 0.5rem;}

.footer .nav{display: none;}
.footer > .w1440{align-items: end;}

.mobNav{padding-top: 2.2rem;}
}

@media screen and (max-width: 760px){
.footer{padding: 1rem 0;}
.footer > .w1440{flex-wrap: wrap;}
.footer .contLeft,
.footer .contRight{width: 100%;}
.footer .contLeft .text{margin: 0.5rem 0 1rem;}
.footer .contRight .text{text-align: left;margin-top: 0.6rem;}

.caseWrap .label{margin: 0.4rem 0 0.6rem;}
.caseWrap .desc{margin: 0.4rem 0 0.6rem;}

.header{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);color: #222C35;}
.header .logo img{filter: brightness(1) invert(0) !important;}
.header .top img{filter: brightness(0) invert(0.3) !important;}

#page{padding-top: 2.2rem;}
}

@media screen and (max-width: 468px){
}