.sevice-box1 .item{width: 47%;float: left;box-shadow: 0 0 10px #0087b7;padding: 15px;margin-bottom: 40px;transition: all 0.6s;}
.sevice-box1 .item:nth-child(2n){float: right;}
.sevice-box1 .item .box{border: 1px solid #239cc7;padding: 25px 10px;}
.sevice-box1 .item .icon{width: 30%; float: left;height: 100%;text-align: center;font-size: 50px;line-height: 100px;}
.sevice-box1 .item .infor{width: 70%; height: 100px;float: right;padding-top: 10px;padding-right: 30px;}
.sevice-box1 .infor .box{overflow: hidden;}
.sevice-box1 .item .infor h1{font-size: 20px;line-height: 36px;height: 36px;margin-bottom: 10px;font-weight: normal;}
.sevice-box1 .item .infor p{line-height: 24px;font-size: 15px;    letter-spacing: 2px;}
.sevice-box1 .item:hover{background: #00213a;box-shadow: 0 0 15px #0087b7; color: #07c0ff; transform: scale(1.05);}
.sevice-box2 .item{width: 25%;height: 130px;float: left;padding: 0 30px;position: relative;}
.sevice-box2 .item::after{content: '';width: 1px; height: 90px;background:rgba(7,192,255,0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.sevice-box2 .item:last-child::after{display: none;}
.sevice-box2 .item .icon{display: block;margin: 0 auto;font-size: 56px;line-height: 60px;margin-bottom:20px;transform: rotateY(360deg) scale(1, 1);transition: all ease-out .5s;}
.sevice-box2 .item .text{font-size: 15px;line-height: 24px;}
.sevice-box2 .item:hover .icon{transform: rotateY(0deg) scale(1, 1);}