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

.hotpro{margin-top: .2rem;}
.cp-wuliao h4,.cp-case h4{font-size: 0.36rem;text-align: center;margin: .4rem 0;line-height: 0.4rem;}

.cp-wuliao{padding: 0 .15rem;text-align: center;}
.cp-wuliao section a{font-size: .35rem;text-decoration: none;color: #242323;display: inline-block;width: 30%;text-align: center;}
.cp-wuliao section a img{width: 2.2rem;height: 2.2rem;border-radius: 50%;}
.cp-wuliao ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -.15rem;}
.cp-wuliao ul li{list-style: none;background: #f0f2fe;width: 31%;height: .7rem;margin: .15rem .04rem;}
.cp-wuliao ul li a{text-decoration: none;font-size: .35rem;color: #1d1d1d;line-height: .7rem;display: block;}
.cp-wuliao ul li:hover{background: #3f51b5;}
.cp-wuliao ul li:hover a{color: #fff;}
.cp-wuliao ul li:first-child{background: #3f51b5;}
.cp-wuliao ul li:first-child a{color: #fff;}
.cp-wuliao .clear{clear: both;}
.cp-wuliao p.casemore{margin-top: .3rem;}

.form-section{margin-top: 0.3rem;}