.about-detail{margin:0 auto;padding:0}
.about-detail-all{margin:0 auto;padding:0;text-align:center;padding-top:40px;padding-bottom:40px}
.about-detail-full{width:100%;margin:0 auto;padding:0;text-align:center;padding-top:40px;padding-bottom:40px}
.about-detail .subtitle h1{font-size:24px;color:#333;line-height:34px}
.about-detail .subtitle p{font-size:16px;color:#666;line-height:22px}
.p28{display:block;height:28px}
.aboutitem{margin:0;padding:25px;overflow:hidden}
.aboutitem ul{display:flex;justify-content:left;align-items:flex-start;margin:0;padding:0}
.gongsijieshao,.gongsirongyu,.yuanjingshiming{box-shadow:rgba(204,204,204,.5) 0 0 10px 0}
.fazhanlicheng{padding:0!important}
.fazhanlichengul{left:0;position:relative;transition:all 1s ease 0s;align-items:center;box-shadow:none}
.gongsirongyuul{list-style-type:none;display:flex;position:relative;flex-direction:column;align-items:flex-start;transition:all 1s ease 0s;justify-content:left}
.yuanjingshimingul{list-style-type:none;display:flex;position:relative;flex-direction:column;align-items:flex-start;transition:all 1s ease 0s;justify-content:left}
.timeline{list-style-type:none;display:flex;align-items:center;justify-content:left;padding:28px 28px 0 0;margin-bottom:0}
.timeline .li .status{width:200px;height:72px}
.timeline .li .status span{overflow:hidden;text-overflow:ellipsis}
.aboutmain-main{margin-bottom:40px}
.aboutmain-main .yuanjingshimingul .visioninfo{font-size:18px;letter-spacing:0;line-height:60px;text-align:left}
.rongyuimg{position:absolute;right:0;top:0;bottom:0;min-height:170px}
.rongyuimg div{display:flex;align-items:center;height:100%;margin-right:32px}
.rongyuimg div img{height:170px}
.yuanjingimg{width:100%;z-index:-1;margin-top:-110px}
.yuanjingimg div{display:flex;align-items:center;height:100%}
.yuanjingimg img{width:100%;border:none}
.li{cursor:pointer}
.aboutmain{min-height:550px;margin:0 auto;text-align:center;position:relative}
.aboutmain-title{font-size:24px;color:#333;letter-spacing:0;line-height:34px;margin-top:40px;margin-bottom:30px}
.connectmain{text-align:center;width:100%;padding:1px;background-color:#f6f6f7}
.connectmain img{width:100%;margin-bottom:40px}
.connectmain-title{font-size:24px;color:#333;letter-spacing:0;line-height:34px;margin-top:42px;margin-bottom:30px}
.timestamp{margin-bottom:20px;padding:0 40px;display:flex;flex-direction:column;align-items:center;line-height:26px;font-size:18px;color:#666}
.aboutmain-main .li{line-height:28px;transition:all .2s ease-in;text-align:left}
.status{padding:0 40px;display:flex;justify-content:center;font-size:14px;border-top:2px solid #d6dce0;position:relative;transition:all .2s ease-in;color:#666}
.status::before{content:"";width:10px;height:10px;background-color:#fff;border-radius:50%;border:2px solid #ddd;position:absolute;top:-6px;left:48%;transition:all .2s ease-in}
.li.complete .timestamp{color:#2e7bfb}
.li.complete .status{border-top:2px solid #2e7bfb;color:#333}
.li.complete .status:before{width:6px;height:6px;top:-4px;box-shadow:0 0 0 3px #c1d8fe;background-color:#2e7bfb;border:none;transition:all .2s ease-in}
.li .status span{margin-top:10px}
.aboutmain-intro{width:168px;height:50px;display:inline-block;line-height:50px;margin:0 -2px 30px;text-align:center;color:#373d41;border:1px solid #ddd;cursor:pointer;font-size:16px;border-right:none}
.aboutmain-intro:first-child{border-radius:4px 0 0 4px}
.aboutmain-intro:last-child{border-right:1px solid #ddd;border-radius:0 4px 4px 0}
.aboutmain-intro-active{border:1px solid #2e7bfb!important;color:#2e7bfb!important}
.aboutmain-intro-noleft{border-left:1px solid transparent}
.main-about-texing{width:64%;padding:30px 40px;margin:0 auto;min-height:200px;background-image:url(../images/devhistory.png);background-repeat:no-repeat;background-size:100% 100%}
.aboutmain-main .layout{padding-left:19px;border-left:2px solid #d8d8d8;position:relative;font-size:14px;line-height:30px}
.aboutmain-main .bordercolor{color:#2e7bfb}
.aboutmain-main .bordercolor div::before{content:'';position:absolute;height:28px;width:4px;background-color:#2e7bfb;left:-3px;top:0;z-index:111}
.aboutmain-main .bordercolor.visioninfo div::before{content:'';position:absolute;height:60px;width:4px;background-color:#2e7bfb;left:-3px;top:0;z-index:111}
.leftBtn{position:absolute;left:-50px;top:170px;cursor:pointer}
.rightBtn{position:absolute;right:-50px;top:170px;cursor:pointer}
.leftBtn .svgicon,.rightBtn .svgicon{width:40px;height:40px}
@media (max-width:768px){
.aboutmain{min-height:auto}
.aboutmain-main .timeline{flex-direction:column!important}
.main-about-texing{display:none!important}
.timeline.backimage{background-image:none}
.aboutmain-intro{width:70px;font-size:14px}
.aboutmain-main .li{line-height:28px;transition:all .2s ease-in;width:100%}
.timeline{padding:28px 0 28px 0;width:100%!important;flex-direction:column;align-items:flex-start}
.timeline .li .status{width:100%;height:72px}
.scrollBtn .svgicon{width:0;height:0}
.rongyuimg{display:none!important}
.yuanjingimg{width:100%;z-index:-1;margin-top:-80px}
.fazhanlichengul .licheng{padding-bottom:20px}
.aboutmain-main .yuanjingshimingul .visioninfo{font-size:14px;letter-spacing:0;line-height:40px;text-align:left}
.aboutmain-main .bordercolor.visioninfo div::before{content:'';position:absolute;height:40px;width:4px;background-color:#2e7bfb;left:-3px;top:0;z-index:111}
}