.about-intro{font-size: 16px;line-height: 1.8em;color: #666}

.about-intro-data{margin: 40px 0}
.about-intro-data li{float: left;width: calc(25% - 22.5px);margin-right: 30px;padding:40px 25px 20px;background-color: #f8f8f8;box-sizing: border-box;position: relative}
.about-intro-data li:last-child{margin-right: 0}
.about-intro-data li:after{content:'';position:absolute;display: block;width:80px;height: 80px;background-image: url(../images/about-intro-icon.png);right: 0;bottom: 0}
.about-intro-data li span{font-size: 38px;}
.about-intro-data li:nth-child(2):after{background-position: -80px 0;}
.about-intro-data li:nth-child(3):after{background-position: -160px 0;}
.about-intro-data li:nth-child(4):after{background-position: -240px 0;}


/* 发展历程 */
.section-develop{background-position: top center;background-size: auto auto;background-repeat: no-repeat;position: relative}

.section-develop:before,.section-develop:after{content: '';display: block;width: 30%;height: 100%;background-color: #fff;position: absolute;top: 0;z-index: 2;opacity: .3}
.section-develop:before{left: 0;background: -webkit-linear-gradient(to right, rgba(22,23,39,1), rgba(22,23,39,0));
    background: -o-linear-gradient(to right, rgba(22,23,39,1), rgba(22,23,39,0));
    background: -moz-linear-gradient(to right, rgba(22,23,39,1), rgba(22,23,39,0));
    background: linear-gradient(to right, rgba(22,23,39,1), rgba(22,23,39,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr= rgba(22,23,39,1), endcolorstr=rgba(22,23,39,0), gradientType=1);}
.section-develop:after{right: 0;background: -webkit-linear-gradient(to right, rgba(22,23,39,0),  rgba(22,23,39,1));
    background: -o-linear-gradient(to right, rgba(22,23,39,0),  rgba(22,23,39,1));
    background: -moz-linear-gradient(to right, rgba(22,23,39,0),  rgba(22,23,39,1));
    background: linear-gradient(to right, rgba(22,23,39,0), rgba(22,23,39,1));
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr= rgba(22,23,39,0), endcolorstr= rgba(22,23,39,1), gradientType=1);}

.develop-swiper{margin-top: 135px;overflow: visible;z-index: auto}
.develop-swiper .swiper-slide{width: 432px;box-sizing: border-box}
.develop-swiper .swiper-pagination{top: -100px;left: 50%; margin-left: -590px;max-width: 1180px;height: 30px;z-index: 3}
.develop-swiper .swiper-pagination ul{display: -webkit-flex;display: flex;justify-content: space-evenly;}

.develop-swiper .swiper-pagination-bullet{opacity: 1;flex: 1;position: relative;cursor: pointer;background-color: transparent;width: auto;height: auto;margin-right: 0}
.develop-swiper .swiper-pagination-bullet:after{content:'';display: block;width: calc(100% - 30px);height: 1px;background-color: #fff;position: absolute;left: calc(50% + 15px);top: 50%;}
.develop-swiper .swiper-pagination-bullet:last-child:after{display: none}

.develop-swiper .swiper-pagination-bullet-circle{display:block;width: 28px;height: 28px;border:1px solid #fff;border-radius: 30px;background-color: transparent;color: #fff;margin: 0 auto}
.develop-swiper .swiper-pagination-bullet-circle:before{content: '';display: block;width: 22px;height: 22px;background-color: #fff;border-radius: 22px;margin: 3px auto;transform: scale(0);transition: all .3s}
.develop-swiper .swiper-pagination-bullet.active .swiper-pagination-bullet-circle:before{transform: scale(1)}
.develop-swiper .swiper-pagination-bullet-text{position: absolute;top: -35px;color: #fff;font-size: 20px;left: 50%;transform: translateX(-50%)}

.develop-swiper .swiper-slide-active{box-shadow: 0 6px 10px rgba(0,0,0,0.04)}
.develop-swiper .swiper-slide-active .develop-year{color: #0096ff}

.develop-card{background-color: #fff;padding: 30px}
.develop-card-title{position: relative;padding-left: 26px;padding-bottom: 30px;border-bottom: 1px solid #e4e4e4}
.develop-card-title:before{content:'';display: block;width: 4px;height: 26px;background-color: #0096ff;position: absolute;left: 0;top: 3px;}
.develop-card-title h3{display:inline-block;font-size: 30px;}
.develop-card-agenda{margin: 15px 0;height: 360px;overflow-y: auto;}
.develop-card-agenda li{padding-left: 45px;position: relative;line-height: 1.8em;margin-bottom: 10px}
.develop-card-agenda .month{position: absolute;left: 0;top: 0}

/* 滚动条 样式 */
.develop-card-agenda::-webkit-scrollbar-track-piece {background-color:#eff6fc;border-radius: 20px;}
.develop-card-agenda::-webkit-scrollbar{width:5px;height:5px;border-radius: 20px;}
.develop-card-agenda::-webkit-scrollbar-thumb{background-color:#b8cbdb;background-clip:padding-box;min-height:28px;border-radius: 9px;margin-right: 10px;}
.develop-card-agenda::-webkit-scrollbar-thumb:hover{background-color:#bbb;}

/* 企业文化 */
.our-culture{display: -webkit-flex;display: flex}
.culture-l{width: 350px;padding: 10px 0}
.culture-r{flex: 2}
.our-culture .title{font-size: 18px;margin-bottom: 20px}
.our-culture .title:before{content: '';display:inline-block;width: 4px;height: 20px;background-color: #0096ff;vertical-align: middle;margin-right: 18px}
.our-culture .desc{color: #666}
.culture-slogen{display: -webkit-flex;display: flex;justify-content: space-around}

.block-item + .block-item{margin-top: 30px;}
.block-item.bgGray{padding: 30px}

/* 联系我们 */
.amap-logo, .amap-copyright{display: none !important;}
.address{position: relative}
.address-map{height: 350px;}
.address-info{width: 324px;height: 135px;padding: 30px;position: absolute; top: 40px;left: 40px;background-color: #fff;border-radius: 4px}
.address-info .title{font-size: 20px;padding-bottom: 20px;border-bottom: 1px solid #e9e9e9}
.address-info p{color: #666;margin: 20px 0;line-height: 26px}
.address-info p i{display:inline-block;width:20px;color: #666;font-size: 22px;vertical-align: bottom;margin-right: 10px}
.address-info p.f26{font-size: 26px}