.history{ padding:0px 0 90px;}
.history .box{ position: relative;}
.history .box::after{ content: ""; width: 100%; height: 21px; background:url(../image/icon05.png) repeat-x; position: absolute; left: 0; top: 50%; margin-top: -18px;}
.history .box .arrow-left,.history .box .arrow-right{ width:58px; height:58px; display: block; position: absolute; z-index: 2;}
.history .box .arrow-left{ background: url(../image/arrow-left.png) no-repeat center; position: absolute; left: -58px; top: 50%; margin-top: -29px;}
.history .box .arrow-right{ background: url(../image/arrow-right.png) no-repeat center; position: absolute; right: -58px; top: 50%; margin-top: -29px;}
.history .box .swiper-container {width: 100%;height: 530px;}
.history .box .swiper-slide {width:100%; text-align: center; position: relative;}
.history .box .swiper-slide:before{ content: ""; width: 1px; height: 243px; background: #cfcfcf; position: absolute; left: 50%; top: 0; }
.history .box .swiper-slide.cur:before{ bottom: 0; top: auto;}
.history .box .swiper-slide dl{line-height: 46px; background:#026FB0; display: inline-block; padding: 0 30px; font-size:20px; color: #fff; font-weight: bold; border-radius: 30px; margin-top: 243px; position: relative; z-index: 11; transition: all .4s;}
.history .box .swiper-slide ol{ width:100%; height:166px; font-size: 15px; color: #333; background: #eaeaea; position: absolute; top: 0; line-height:1.4; text-align:left; padding:25px; border-radius: 6px; margin:0}
.history .box .swiper-slide.cur ol{ bottom: 0; top: auto;}
.history .box .swiper-slide:hover dl{ background: #5b5b5b; color: #fff;}
.history .box .swiper-slide:hover ol{ background: #5b5b5b; color: #fff;}
.about_content h2,.about_content h3{text-align:center;color:#000;}
.about_content h2{font-size: 36px;
    color: #026FB0; margin:50px auto 10px}
.about_content p{font-size:16px;color:#000;line-height:180%;margin-bottom:20px;text-align:center;}