.JJ_0{width:1400px;margin:0 auto;position:relative}.JJ_0 .list{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0 50px 0}.JJ_0 .list .ssss{width:1px;height:100%;position:absolute;border-left:1px dashed #aaa;left:50%;top:0}.JJ_0 .list li{width:559px;position:relative;margin:0 0 20px 0}.JJ_0 .list li .line{position:absolute;left:210px;border-top:1px dashed #555;top:91px;width:465px}.JJ_0 .list li .line span{position:absolute;width:18px;height:18px;text-align:center;color:#606163;line-height:19px;font-weight:600;font-size:12px;background:#fff;border:5px solid #606163;border-radius:20px;font-family:arial;right:-40px;top:-15px}.JJ_0 .list li .text{background:#eee;color:#666;height:260px;box-sizing:border-box;padding:80px 0 0 50px}.JJ_0 .list li .text h4{font-size:18px;padding:0 0 10px 0}.JJ_0 .list li .text .ms{line-height:24px;width:80%;font-size:14px}.JJ_0 .list li .pic{width:100%;position:relative}.JJ_0 .list li .pic img{width:100%;height:auto}.JJ_0 .list li .pic .jiao{position:absolute;left:0;top:0;text-align:center;height:20px;width:100%}.JJ_0 .list li .pic .jiao span{display:inline-block;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#eee transparent transparent transparent}.JJ_0 .list li:nth-of-type(2n) .line{left:-114px;top:357px;width:140px}.JJ_0 .list li:nth-of-type(2n) .line span{right:inherit;left:-40px}.JJ_0 .list li:nth-of-type(2n) .pic .jiao{top:inherit;bottom:0}.JJ_0 .list li:nth-of-type(2n) .pic .jiao span{width:0;height:0;border-style:solid;border-width:0 20px 20px 20px;border-color:transparent transparent #eee transparent}.JJ_0 .list li:hover .text{background:#7b9ebe;color:#fff}.JJ_0 .list li:hover .line span{transform:scale(1.5);background:#7b9ebe;color:#fff;border:4px solid #7b9ebe;box-shadow:0 0 5px rgba(0,0,0,0.4)}.JJ_0 .list li:hover .jiao span{width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#7b9ebe transparent transparent transparent}.JJ_0 .list li:nth-of-type(2n):hover .jiao span{width:0;height:0;border-style:solid;border-width:0 20px 20px 20px;border-color:transparent transparent #7b9ebe transparent}@media screen and (max-width: 650px){.JJ_0{width:95%;margin:0 auto;position:relative}.JJ_0 .list{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0 50px 0}.JJ_0 .list .ssss{width:1px;height:100%;position:absolute;border-left:none;left:50%;top:0}.JJ_0 .list li{width:100%;position:relative;margin:0 0 20px 0}.JJ_0 .list li .line{position:absolute;left:210px;border-top:none;top:91px;width:465px}.JJ_0 .list li .line span{position:absolute;width:18px;height:18px;text-align:center;color:#606163;line-height:19px;font-weight:600;font-size:12px;background:#fff;border:5px solid #606163;border-radius:20px;font-family:arial;right:-40px;top:-15px}.JJ_0 .list li .text{background:#eee;color:#666;height:auto;box-sizing:border-box;padding:30px}.JJ_0 .list li .text h4{font-size:16px;padding:0 0 10px 0}.JJ_0 .list li .text .ms{line-height:24px;width:100%;font-size:13px}.JJ_0 .list li .pic{width:100%;position:relative}.JJ_0 .list li .pic img{width:100%;height:auto}.JJ_0 .list li .pic .jiao{position:absolute;left:0;top:0;text-align:center;height:20px;width:100%}.JJ_0 .list li .pic .jiao span{display:inline-block;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#eee transparent transparent transparent}.JJ_0 .list li:nth-of-type(2n) .line{left:-114px;top:357px;width:140px}.JJ_0 .list li:nth-of-type(2n) .line span{right:inherit;left:-40px}.JJ_0 .list li:nth-of-type(2n) .pic .jiao{top:inherit;bottom:0}.JJ_0 .list li:nth-of-type(2n) .pic .jiao span{width:0;height:0;border-style:solid;border-width:0 20px 20px 20px;border-color:transparent transparent #eee transparent}.JJ_0 .list li:hover .text{background:#7b9ebe;color:#fff}.JJ_0 .list li:hover .line span{transform:scale(1.5);background:#7b9ebe;color:#fff;border:4px solid #7b9ebe;box-shadow:0 0 5px rgba(0,0,0,0.4)}.JJ_0 .list li:hover .jiao span{width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#7b9ebe transparent transparent transparent}.JJ_0 .list li:nth-of-type(2n):hover .jiao span{width:0;height:0;border-style:solid;border-width:0 20px 20px 20px;border-color:transparent transparent #7b9ebe transparent}}