.case-banner{background: url(../img/case/caseban.png)no-repeat;height: 2.6rem;width: 100%;display: flex;align-items: center;justify-content: center;background-size: cover;}
.case-banner div{text-align: center;color: #fff;}
.case-banner h4{font-size: .4rem;}
.case-banner p{font-size: .3rem;padding-top: .2rem;}
.case-banner p a{text-decoration: none;color: #fff;}

.cases{margin-top: .2rem;padding: 0 .15rem;}
.cases section{position: relative;}
.cases section span img{position: absolute;
right: 0;top: 0;width: .8rem;height: .8rem;background: #f9bb0b;padding: .28rem;
border-top-left-radius: 0;border-bottom-right-radius: 0;}
.cases-info{position: relative !important;width: 95%;margin: 0 auto;top:-.5rem !important;}
.cases-info .casename{background: #3e53b5;font-size: .3rem;text-align: center;
line-height: 0.4rem;border-top-left-radius: .2rem;border-top-right-radius: .2rem;color: #fff;padding: 0.3rem 0.1rem;}
.cases section img{border-radius: .2rem;display: block;}
.cases.cp-case section{margin-bottom: 0;}
.cases-wen{font-size: .28rem;color: #201f1f;line-height: .4rem;padding:0 .35rem;margin-top: -.2rem;}

.cases-youshi{padding: 0.2rem .15rem 0;}
.youshi-tit{display: flex;align-items: center;}
.youshi-tit::before{content: "";width: .08rem;height: .4rem;background: #3e53b5;display: inline-block;border-radius: .2rem;}
.youshi-tit h4{font-size: .36rem;padding-left: .24rem;line-height: 1.2rem;}
.cases-youshi ul li{list-style: none;border: 1px dashed #dae0fc;padding: .25rem .3rem .3rem .3rem;border-radius: .2rem;background: linear-gradient(#ffffff,#f7f8fe,#eef0fd);margin-bottom: .4rem;}
.cases-youshi ul li h4{font-size: .3rem;line-height: .46rem;}
.cases-youshi ul li p{font-size: .28rem;line-height: .4rem;color: #444343;margin-top: 0.05rem;}

.kefu-bg{background: url(../img/case/casekefu.png)no-repeat center;margin: 0 auto;background-size: 100% 100%;display: flex;width: 94%;max-width: 726px;padding: 0.48rem 0 0.22rem;}
.kefu-bg a{text-decoration: none;display: table;}
.kefu-bg div a p.big-size{font-size: .25rem;color: #fff;display: flex;align-items: center;}
.kefu-bg div.kefu-left a p.small-size{font-size: .2rem;background: #fff;border: 1px dashed #f9bb0b;color: #181819;padding: .08rem .18rem;border-radius: .3rem;}
.kefu-bg div.kefu-right a p.tel{font-size: .4rem;color: #f9bb0b;font-weight: bold;margin-top: 0.1rem;}
.kefu-right{margin-left: .6rem;}
.kefu-right img{width: .37rem;height: auto;margin-right: 0.15rem;}

.cases-cp{padding: 0 .15rem;}
.cp-tit{display: flex;align-items: center;margin: .6rem 0;}
.cp-tit::before{content: "";width: .08rem;height: .4rem;background: #3e53b5;display: inline-block;border-radius: .2rem;}
.cp-tit h4{font-size: .36rem;padding-left: .24rem;}
.cases-cp ul{display: flex;justify-content: space-between;}
.cases-cp ul li{list-style: none;}
.cases-cp ul li:nth-child(2){margin: 0 .1rem;}
.cases-cp ul li img{width: 100%;border-radius: .2rem;}
.cases-cp ul li a{text-decoration: none;}
.cases-cp .cp-more{font-size: .25rem;text-align: center;}
.cases-cp .cp-more a{color: #181819;text-decoration: none;border-bottom: 1px solid #181819;}

.service{margin-top: 0.5rem;}

.cases-tit{display: flex;align-items: center;margin: .6rem 0;}
.cases-tit::before{content: "";width: .08rem;height: .4rem;background: #3e53b5;display: inline-block;border-radius: .2rem;}
.cases-tit h4{font-size: .4rem;padding-left: .24rem;}
.cases-wuliao{padding: 0 .15rem;text-align: center;margin-bottom: -.5rem;}
.cases-wuliao section a{font-size: .35rem;text-decoration: none;color: #242323;display: inline-block;width: 30%;text-align: center;}
.cases-wuliao section a img{width: 2.2rem;height: 2.2rem;border-radius: 50%;}
.cases-wuliao ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cases-wuliao ul li{list-style: none;background: #f0f2fe;width: 31%;height: .7rem;margin: .15rem .04rem;}
.cases-wuliao ul li a{text-decoration: none;font-size: .35rem;color: #1d1d1d;line-height: .7rem;display: block;}
.cases-wuliao ul li:hover{background: #3f51b5;}
.cases-wuliao ul li:hover a{color: #fff;}
.cases-wuliao ul li:first-child{background: #3f51b5;}
.cases-wuliao ul li:first-child a{color: #fff;}