html, body, div, img, ul, li, p, h1, h2, h3, h4, h5, h6, button, pre { padding: 0; margin: 0; font-weight: normal; font-size: 100%; }
ul, li { list-style: none; }
a { text-decoration: none; }
html, body { width: 100%; height: 100%; }
body { font-size: .28rem; background-color: #fff; }
img { vertical-align: top; width: 100%; }
input, input:focus, button, textarea, textarea:focus { border: none; outline: none; background-color: transparent; }
#app { display: none; }
.outsource { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.inside { max-width: 1200px; margin: 0 auto; padding: .4rem 0; }
.headSlogan { color: #fff; background-color: #1D4189; }
.headSlogan h1 { margin-right: 0.3rem; display: flex; align-items: center; }
.headSlogan h1 img { width: 0.28rem; margin-right: 0.1rem; }
.headSlogan .inside { display: flex; align-items: center; justify-content: flex-start; padding: 0.14rem 0; }
.banner { background: url('../images/headBanner.png') no-repeat center; background-size: cover; width: 100%; height: 3.6rem; }
.banner .inside { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; }
.banner .inside img { width: 3rem; margin-top: .5rem; }
.banner .inside p { font-size: .36rem; font-weight: 400; letter-spacing: .03rem; margin-top: .3rem; }
.item1 .seaCenter { border-radius: .18rem; padding: .3rem .5rem; box-shadow: 0 0 .18rem #ccc; width: 5.2rem; margin: 0 auto; text-align: center; letter-spacing: 0.03rem; }
.item1 .seaCenter img { width: 2.28rem; }
.item1 .seaCenter p { color: #332C2B; font-size: 0.28rem; margin-top: 0.36rem; }
.item1 .seaCenter h2 { color: #056EB1;font-size: 0.38rem; margin: 0.4rem 0; }
.item1 .solution { margin-top: 0.6rem; }
.item1 .solution h2 { font-size: 0.28rem; font-weight: bold; letter-spacing: 0.03rem; text-align: center; }
.item1 .solution > div { padding: 0 .5rem; margin-top: .1rem; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.item1 .solution .solutionItem { width: 48%; margin-top: .2rem; }
.item1 .solution .solutionImg { width: 100%; height: 1.8rem; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: .1rem; }
.item1 .solution .solutionItemTitle { line-height: .64rem; font-size: .26rem; text-align: center; }
.item1 .solution .solutionItemDes { font-size: .14rem; line-height: .32rem; color: #666; }
.item2 { background: #5B72B9 url('../images/aboutUsTxtBg2.png') no-repeat center; background-size: cover; }
.item2 .inside { color: #fff; padding: 0.6rem 0.5rem; }
.inside .itemTitle { font-size: .32rem; font-weight: bold; text-align: center; }
.inside .itemTitle span { display: block; margin: 0.1rem auto 0; width: .4rem; border-bottom: 2px solid #2F318B; }
.inside .aboutUsTitle.itemTitle span { border-color: #fff; }
.item2 .inside .aboutUsDes { margin-top: .23rem; }
.item2 .inside .aboutUsDes p { text-indent: 2em; font-size: .24rem; line-height: .4rem; }
.item3 .advantageList { padding: 0 .5rem; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.item3 .advantageItem { width: 48%; height: 3rem; padding: .2rem ; margin-top: .4rem; box-sizing: border-box; border-radius: .2rem; }
.item3 .advantageItem.adv1 { width: 48%; height: 3rem; padding: .2rem ; margin-top: .4rem; box-sizing: border-box; border-radius: .2rem; }
.item3 .advantageItem h3 { font-size: .32rem; font-weight: bold; text-align: center; }
.item3 .advantageItem p { color: #332C2B; margin-top: .14rem; font-size: .24rem; line-height: .32rem; }
.item5 { background-color: #f5f5f5 }
.caseWarp { width: 6.8rem; margin: .2rem auto 0; padding: 0 0.24rem; box-sizing: border-box; }
.caseWarp .caseInfo { margin-top: .2rem; }
.caseWarp .shopInfo { margin: 0 auto; overflow: hidden; }
.caseWarp .qrList { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.caseWarp .qrList img { width: 30%; max-width: 1.56rem; margin: .07rem 1.5%; }
.shopItem { color: #fff;  width: 100%; height: 9.24rem; box-sizing: border-box; border-radius: .2rem; background-color: #056EB1; position: relative; }
.shopItem .slideBefore { position: absolute; top: 0; left: 0; padding: .3rem .4rem 0; width: 100%; height: 100%; z-index: 3; overflow: hidden; box-sizing: border-box; transition: all .4s linear; }
.shopItem .slideBefore .title { font-size: .32rem; height: .5rem; line-height: .5rem; font-weight: 600; }
.shopItem .slideBefore .title span { font-size: .4rem; margin-right: .1rem; }
.shopItem .slideBefore .sTitle { text-align: center; font-size: .3rem; line-height: 0.8rem; height: 0.8rem; letter-spacing: .02rem; }
.shopItem .slideBefore .sTitleRemark { text-align: center; line-height: .3rem; height: .3rem; font-size: .24rem; }
.shopItem .slideBefore .increment { display: flex; align-items: center; justify-content: center; margin-top: .4rem; }
.shopItem .slideBefore .increment > div { margin: 0 .34rem; text-align: center; }
.shopItem .slideBefore .increment > div h4 { font-size: .42rem; font-weight: bold; }
.shopItem .slideBefore .increment > div p { font-size: .16rem; margin-top: .2rem; letter-spacing: .05rem; }
.shopItem .slideBefore .lookInfo { margin: .6rem auto .2rem; text-align: center; }
.shopItem .slideBefore .lookInfo button { color: #fff; border: 1px solid #fff; padding: .16rem .44rem; border-radius: .1rem; }
.shopItem .slideBefore .shopImg { max-width: 6.8rem; width: 100%; text-align: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.shopItem .slideBefore .shopImg img { width: 100% }
.shopItem .slideAfter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; transform: rotateY(180deg); padding: .3rem .4rem 0; box-sizing: border-box; transition: all .6s linear; }
.shopItem .slideAfter .title { font-size: .32rem; height: .5rem; line-height: .5rem; text-align: center; font-weight: 600; position: relative; }
.shopItem .slideAfter .title span { font-size: .6rem; position: absolute; left: 0; top: 0; }
.shopItem .slideAfter .shopTxtList {}
.shopItem .slideAfter .shopTxtItem { margin-top: .12rem; }
.shopItem .slideAfter .shopTxtItem:first-child { margin-top: 0; }
.shopItem .slideAfter .shopTxtItem > div:first-child { text-align: center; font-size: .28rem; font-weight: bold; }
.shopItem .slideAfter .shopTxtItem > div:first-child span { display: block; width: .46rem; height: 1px; background-color: #fff; margin: .04rem auto; }
.shopItem .slideAfter .shopTxtItem > div:last-child { margin-top: .06rem; font-size: .2rem; line-height: .42rem; }
.shopInfo .caseActive .slideBefore { transform: rotateY(90deg); }
.shopInfo .caseActive .slideAfter { opacity: 1; transform: rotateY(0); }
.item5 .moreCase { color: #999; text-align: center; margin-top: .3rem; }
.callZhz { display: flex; align-items: center; justify-content: center; margin-top: .4rem; }
.callZhz > div { margin: 0 .3rem; }
.callZhz > div h4 { font-size: .32rem; line-height: .6rem; text-align: center; }
.callZhz > div img { width: 1.57rem; }
.address { margin-top: .3rem; display: flex; align-items: center; justify-content: center; }
.address a { color:#332C2B; font-size: .32rem; }
.address img { width: .38rem; margin-left: .1rem; }
.joinUs { margin-top: .8rem; padding-bottom: .4rem; text-align: center; }
.joinUs img { width: 3rem; }
.item7 { background-color: #000; color: #fff; }
.item7 .inside > div:first-child { display: flex; align-items: center; justify-content: center; margin-bottom: .5rem; }
.item7 .inside > div:first-child p { margin-left: 0.2rem; }
.item7 p { font-size: .24rem; margin-top: .1rem; text-align: center; }
.item7 p a { color: #fff; margin-right: .2rem; font-size: .32rem; }
.item7 p span { position: relative; top: -0.04rem; }
.cooperationItem { margin-top: .3rem; text-align: center; }
.cooperationItem h3 {}
.cooperationItem img { width: 6.8rem; margin-top: .2rem; }
.wapShow { display: none; }
.pcShow { display: block; }
.flexStartBetween { display: flex; align-items: flex-start; justify-content: space-between; }
.caseData { width: 100%; flex-wrap: wrap; margin-top: .1rem; padding-bottom: .4rem; transition: .2s; }
.caseData.moreCaseData { height: 0; padding-bottom: 0; overflow-y: hidden; }
.caseData > div { width: 49%; margin-top: .2rem; box-sizing: border-box; background-color: #fff; border-radius: .1rem; }
.caseData > div:nth-of-type(2n) { margin-left: 1%; }
.caseData > div:nth-of-type(2n+1) { margin-right: 1%; }
.caseData .caseShop { padding: .16rem 0 .16rem .14rem; background: #2F318B url('https://zumi.zhzkj.com/images/qijian/storeListBg.png') no-repeat center; background-size: cover; border-radius: .1rem; }
.caseData .caseShop > div:first-child { color: #fff; }
.caseData .caseShop > div:last-child { display: flex; align-items: center; justify-content: center; margin-top: .16rem; }
.caseData .caseShop > div:last-child div { width: 28%; margin: 0 3%; font-size: .22rem; text-align: center; }
.caseData .caseShop > div:last-child h3 { color: #FFF582; }
.caseData .caseShop > div:last-child p { color: #fff; font-size: .18rem; margin-top: .06rem; }
.caseData .caseShop > div.ent { width: 100%; margin: 0; justify-content: flex-start; }
.caseData .caseShop > div.ent p { text-align: left; }
.caseData .caseTxt { padding: .16rem 0 .16rem .1rem; }
.caseData .caseTxt p { font-size: .2rem; color: #2F318B; letter-spacing: .02rem; }

@media screen and (max-width:750px) {
  .shopItem .slideBefore .lookInfo { opacity: 1 !important; }
  .shopItem .slideAfter .shopTxtItem > div:last-child { font-size: .24rem; }
  .inside .itemTitle span { border-width: 1px !important; }
  .caseWarp { width: 100% !important; }
  .caseWarp .qrList { justify-content: space-between !important;  }
  .caseWarp .qrList img { width: 26%; margin: .06rem 1.5%;  }
  .wapShow { display: block; }
  .pcShow { display: none; }
  .flexStartBetween .caseShop div.shopNameLong { font-size: .26rem !important; height: .4rem; line-height: .4rem; }
}