.history .title{ padding: 50px 0;}
.history .title h2{ text-align: center; font-size: 44px; color: #333; padding-bottom: 20px;}
.history .title p{ margin: 0 auto; line-height: 26px; text-align: center; font-size: 16px; color: #777;}
.history{ padding-bottom: 100px; background: #f5f5f5;}
.history ul li{ margin-bottom: 40px; height: 360px; width: 100%; overflow: hidden;}
.history ul li .bt{ width: 180px; height: 50px; float: left; position: relative; border-radius:25px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; transition: 0.5s; background: #93b2d4;}
.history ul li .bt::after{ content: ''; background: url(/frontEnd/static/img/history_10.jpg); width: 20px; height: 310px; position: absolute; left: 50%; transform: translateX(-50%); top: 70px;}
.history ul li .bt::before{ content: ''; background: url(/frontEnd/static/img/history_03.jpg); width: 50px; height: 2px; top: 50%; transform: translateY(-50%); left: 200px; position: absolute;}
.history ul li:hover .bt{ background: #004ea2;}
.history ul li:last-child .bt::after{ display: none;}
.history ul li .nr{ box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 40px; box-sizing: border-box; background: #fff; float: right; width: 1160px; height: 360px;}
.history ul li .nr .icon{ width: 450px; height: 280px; float: left;}
.history ul li .nr .icon img{ display: block; width: 100%; height: 100%;}
.history ul li .nr .text{ float: left; width: calc(100% - 450px); padding-right: 25px; box-sizing:border-box;}
.history ul li .nr .text h2{ height: 40px; line-height: 40px; border-bottom: 2px solid #eee;}
.history ul li .nr .text h2 span{ display: inline-block; height: 40px;border-bottom: 2px solid #004ea2;}
.history ul li .nr .text dl{ padding-top: 30px;}
.history ul li .nr .text dl dd{ line-height: 25px; color: #8c8c8c;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.history ul li .nr .text dl dd span{ margin-right: 15px;}
.history ul li:hover .nr .text h2{ color: #fff; border-bottom: 2px solid #fff;}
.history ul li:hover .nr .text h2 span{ color: #fff; border-bottom: 2px solid #fff;}
.history ul li:hover .nr .text dl dd{ color: #fff;}
.history ul li:hover .nr{ background: url(/frontEnd/static/img/history_15.jpg);}
<!--ºÄʱ1754955158.9235Ãë-->