/*@font-face {*/
/*    font-family: PingFangSC-Light;*/
/*    src: url("../font/light.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: PingFangSC-Regular;*/
/*    src: url("../font/normal.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: PingFangSC-Medium;*/
/*    src: url("../font/bloder.ttf");*/
/*}*/
@font-face {
    font-family: DINPro-Bold;
    src: url("../font/DINPro-Bold.ttf");
}
body,ul,ul li,ul ol,h1,h2,h3,h4,h5,h6,img,a,p,input,em,i{ 
    box-sizing: border-box;
    margin: 0px; list-style: none; font: 12px/1.5 'PingFangSC-Regular','微软雅黑','Hiragino Sans GB','\5b8b\4f53',sans-serif; border: 0px; font-size: 12px; font-style: normal; font-weight: normal;font-style:normal; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;-webkit-overflow-scrolling:touch;}  
a{text-decoration:none;}
a:hover{text-decoration:none;background: transparent}
input,textarea{outline:none;}
li{list-style: none;}
img{display: block;}

.choose{display:none}
.nav{min-width: 1024px;max-width: 1440px;margin: 0 auto;width:1024px;
    height:70px;display: flex;background: #fff;align-items: center;justify-content: space-between;}
.nav .left-logo{display: flex;}
.nav .right-menu{display: flex;align-items: center;height: 70px;font-size: 14px;color: #666;}
.nav .right-menu a{font-size: 14px;color: #666;margin-right: 60px;display: flex;align-items: center;}
.nav .right-menu li:last-of-type a{margin-right: 0;}
.nav .right-menu li{position: relative;}
.nav .right-menu li ol{position: absolute;z-index: 2;padding: 15px 0 5px;background: #fff;width: 120px;display: none;border-radius:8px;left:-21px}
.nav .right-menu li ol li a{text-align: center;line-height: 36px;display: block;width: 100%;color: #666666;}
.active-menu a{background: #F5F5F5 ;color: #0D0D0D !important;}
.nav .right-menu li i{
    display: inline-block;
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #666;
}

.nav .right-menu .active{color: #333;font-weight: 600;}
.nav .left-logo .logo2{
    z-index: 0;
    text-align: center;
    width: 140px;
    letter-spacing: 0.6px;
    margin-top: 3px;
    color: #fff;background: #0087F5;font-size: 13px;height: 23px;line-height: 23px;position: relative;margin-left: 10px;}
.nav .left-logo .logo2:after{
    content:"";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 10px solid #0087F5;
    border-bottom: 9px solid transparent;
    position: absolute;
    left: -6px;top: 50%;transform: translateY(-50%);
    z-index: -1;
}
.nav .left-logo .logo1 img{width: 160px;}
.banner{width: 100%;
/*height: 420px;*/
overflow: hidden;position: relative;}

.banner img{width: 100%;}
.banner-main {
    padding: 210px 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/templates/pc/default/skin/images/banner1.jpg);
}
.banner-area {
    max-width: 720px;
    padding-left: 70px;
}
.p-relative {
    position: relative;
}
h1.banner-title {
    color: #FFF;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    padding: 20px 0;
    
    opacity: 0; /* 初始状态：完全透明 */
    transform: translateY(-50%); /* 初始状态：位于容器上方 */
    animation: slideIn 2s ease forwards; /* 应用动画 */
    
}

/* 定义关键帧动画 */
@keyframes slideIn {
    0% {
        opacity: 0; /* 动画开始时：完全透明 */
        transform: translateY(-50%); /* 动画开始时：位于容器上方 */
    }
    100% {
        opacity: 1; /* 动画结束时：完全可见 */
        transform: translateY(0); /* 动画结束时：移动到原始位置 */
    }
}
@keyframes slideIn2 {
    0% {
        opacity: 0; /* 动画开始时：完全透明 */
        transform: translateX(50%); /* 动画开始时：位于容器上方 */
    }
    100% {
        opacity: 1; /* 动画结束时：完全可见 */
        transform: translateX(0); /* 动画结束时：移动到原始位置 */
    }
}
.large-container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
}
p.banner-text {
    opacity: 0; /* 初始状态：完全透明 */
    transform: translateY(-50%); /* 初始状态：位于容器上方 */
    animation: slideIn 2s ease forwards;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 40px;
    /*padding-right: 29px;*/
   
    
}
.primary-btn-1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    background: #ff6200;
    padding: 20px;
    display: inline-flex;
    align-items: center;
    line-height: normal;
    white-space: nowrap;
    gap: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .6s;
    border-radius: 5px;
    
    opacity: 0; /* 初始状态：完全透明 */
    transform: translateX(50%); /* 初始状态：位于容器上方 */
    animation: slideIn2 2s ease forwards;
}
.btn-hover:hover{background:#ff6200}
.about-2-section .bg-shape-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.about-2-section .bg-shape-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center right;
}
.small-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;

}
.col-md-12 {
    flex: 0 0 auto;
    width: 50%;
}
.section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
}
.about-2-image-area .main-image {
    text-align: center;
    padding-left: 20px;
}
figure {
    margin: 0 !important;
}
.about-2-image-area .main-image img {
    border-radius: 0 100px 0 0;
}
.m-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-2-image-area .shape-1 {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.zd-4 {
    padding-inline-start: 50px;
    z-index: 222;
    position: relative;
}
.mb-35 {
    margin-bottom: 35px;
}
.is-dark .about-2-content-area p {
    color: #333333;font-size: 16px;
}
.is-dark .about-2-content-area p a{
    font-size: 16px;color:#3c72fc ;
}
.accordion-collapse {
    border: none;
    transition: all 0.5s;
}
.features-box-area:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #0087F5;
    transition: all 700ms ease;
}
.features-box-area.active::before {
    width: 100%;  /* 当容器有.active类时，伪元素宽度变为100% */
}
.section-sub-title {
    position: relative;
    color: #3c72fc;
    font-family: #3c72fc;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    margin-left: 45px;
}
.section-sub-title::before {
    /*content: "\e92c";*/
    /*font-family: 'icomoon';*/
    content:"";
    background: url(/templates/pc/default/skin/images/icon22.jpg);
    background-size:100%;
    color: #3c72fc;
    /*border: 1px solid #3c72fc;*/
    position: absolute;
    top: 2px;
    left: -45px;
    height: 16px;
    width: 36px;
    padding: 2px 1px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 50px;
}
.row {

    display: flex;
    flex-wrap: wrap;
    margin:0 -15px;
}
.gx_text_warp{
    display: flex;
    margin: 30px 0;
    /*flex-wrap: wrap;*/
}
.features-box-area {
    padding: 30px 30px 25px 30px;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    background: #ebebeb !important;
    position: relative;
    z-index: 1;
}
.features-box-area:before {
    content: "";
    position: absolute;
     z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0087F5;
    transition: all 700ms ease;
    box-sizing: border-box;
}
.accordion-header{display:flex;align-items:center}
.accordion-header img{width:16px;margin-right:12px;transition: transform 0.5s ease;}
.features-box-area .shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top right;
}
.features-box-area .icon-box {
    background-color: rgba(60, 114, 252, 0.1);
    border-radius: 0px;
    transition: all .4s ease-in-out;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    border-radius: 0px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.features-box-area .icon-box img {
    display: inline !important;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.features-box-area p {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 26px;
}
.section-space {
    padding-top: 120px;
}
.col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.pr-80 {
    padding-inline-end: 80px;
}
/*.section-sub-title {*/
/*    position: relative;*/
/*    color: var(--theme-color);*/
/*    font-family: var(--primary-font);*/
/*    font-size: 16px;*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    line-height: 28px;*/
/*    text-transform: uppercase;*/
/*    margin-left: 45px;*/
/*}*/
.section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
}
.mt-10 {
    margin-top: 10px;
}
.bd-faq-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.accordion-item:first-of-type {

}
.accordion-body {
    font-size: 16px;
    line-height: 28px;
    padding: 0 30px 20px 30px;
    color: #787878;
}
.pt-10 {
    padding-top: 10px;
}
.service-tab-content {
    background: #fff;
    display: grid;
    gap: 50px;
    grid-template-columns: 330px auto;
    margin-top: 10px;
}
.accordion-item {
    border: none;
    background: #fff;
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.10);
    cursor: pointer;
}

.features-box-area p {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 26px;
}
.service-tab-content ul.tab-list-content li::before {
    content: "";
    background: url(/templates/pc/default/skin/images/li3.jpg);
    background-size:100% ;
    position: absolute;
    top:6px;
    left: -10px;
    width:16px;
    height:16px;
}

.accordion-button {
    padding: 20px 20px 15px 20px;
    text-align: left;
    background: #fff;
    gap: 15px;
    color: #0f0d1d;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    outline: none;
    border: none;
    box-shadow: none;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.mb-25 {
    margin-bottom: 25px;
}
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
.w-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.accordion-header {
    margin-bottom: 0;
}
.accordion-collapse{display: none;}
.accordion-item:first-of-type .accordion-button {
    border-radius: 0px;
    border-bottom: 1px solid #e2e2e2;
}
.service-tab-content ul.tab-list-content li {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-left: 10px;
    color: #333333;
    margin-bottom: 8px;
    position: relative;
    padding-left: 12px;
}






.w_40{
    width: 41.6%;margin-right: 15px;
}
.w_60{
    width: 58.3%;margin-left: 15px;
}
.w_100{
   width: 100%; 
}
.bjh3 {
    background-color: #f7f7f7;padding: 80px 0;
}
.bjh {
    background-color: #f7f7f7;
}
.gx_img1{width: 100%;}

.content{min-width: 1024px;max-width: 1440px;margin: 0 auto;width:1024px;}

.index-warp{display: flex;margin: 50px 0;height: 97px;align-items: center;}
.index-warp .left{padding-right: 43px;border-right: 1px solid #C0C0C1;display: flex;
    flex-direction: column;height: 100%;justify-content: center;
}
.index-warp .left h3{font-size: 24px;font-family:'PingFangSC-Light';}
.index-warp .left span{font-size: 24px;color: #0087F5;letter-spacing: 0.6px;font-family: 'PingFangSC-Medium';}
.index-warp .right{width: 724px;padding-left: 46px;}
.index-warp .right p{font-size: 15px;line-height: 26px;text-align: justify;}

.index-product {padding: 60px 0  79px;background: #f7f7f7;width: 100%;}
.index-title {width: 100%;text-align: center;}
.index-title img{margin: 0 auto;}
.index-title p{color: #666;font-size: 14px;margin-top: 25px;font-family: 'PingFangSC-Light';}

.index-product .index-product-warp{display: flex;margin: 60px 0 0;justify-content: space-between;}
.index-product .index-product-warp li{width: 20.5%;}
.index-product .index-product-warp li img{margin-bottom: 20px;}
.index-product .index-product-warp li span{font-size: 16px;color: #0D0D0D;font-family:'PingFangSC-Medium';}
.index-product .index-product-warp li p{color: #31343D;font-size: 13px;margin-top: 8px;font-family: 'PingFangSC-Light';}

.index-adv{padding: 60px 0 80px;}
.index-adv-warp {display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-adv-warp div.wrap-content{width: 453px;display: flex;align-items: center;}
.index-adv-warp div h4{font-size: 16px;font-weight: 600;margin-bottom: 20px;}
.index-adv-warp div h4 span{font-size: 16px;color: #959595;display: inline-block;
margin-right: 4px;
}
.index-adv-warp div p{font-size: 15px;font-family: 'PingFangSC-Light';}

.index-service {background: url('../images/Bitmap.png') no-repeat;background-size: 100%;position: relative;
    padding-top: 60px;height: 600px;
    /*margin-bottom: 372px;*/
    margin-bottom: 762px;
    
}
.index-service .content .index-title p{color: #fff;}
.index-service ol{display: flex;flex-wrap: wrap;margin-top: 56px;padding-left: 0;}
.index-service ol li{width: 25%;padding: 23px 0 0;height: 88px;}
.index-service ol li img{margin: 0 auto;width: 40px;}
.index-service ol li span{display: block;width: 100%;text-align: center;font-size: 14px;line-height:20px;
    color: #fff;font-family: 'PingFangSC-Light';margin-top: 12px;
}
.index-custom{padding: 0 65px;display: flex;margin-top: 48px;}
.index-custom img{margin-right: 62px;width: 131px;}
.service-custom h3{font-size: 16px;text-align: center;font-family: 'PingFangSC-Medium';line-height: 20px;
margin-top: 8px;
}
.index-custom2{margin-top:40px;justify-content:center}
.service-custom h3 span{color: #ff6300;}
/* .index-service .content{position: relative;} */
.service-custom{width: 1024px;
/*height: 450px;*/
height: 860px;
position: absolute;
/*bottom:-228px;*/
top:458px;
background: #fff;z-index: 2;
left: 50%;transform: translateX(-50%);box-shadow: 0 1px 10px 0 rgba(41,33,33,0.10);padding: 60px 0 0 0;box-sizing: border-box;
}

.footer{width: 100%;padding: 56px 0 60px;background: #22272D;color: #fff;}
.footer .footer-left h2{font-size: 14px;color: #fff;font-family: 'PingFangSC-Medium';}
.footer .footer-left span{font-size: 13px;font-family: 'PingFangSC-Light';color: #C6C8CC;}
.footer .footer-left p{font-size: 13px;line-height: 26px;color: #C6C8CC;margin-top: 13px;text-align: justify;}
.footer .footer-warp{display: flex;justify-content: space-between;}
.footer .footer-left {width: 503px;}
.footer .footer-middle{width: 112px;}
.footer .footer-middle ul li a{color:#C6C8CC ;font-size: 13px;line-height: 31px;}
.footer .footer-middle h3,.footer .footer-right h3{font-size: 14px;margin-bottom: 13px;font-family: 'PingFangSC-Medium';}
.footer .footer-right div div{margin-top: 11px;display: flex;align-items: center;}
.footer .footer-right div div img{height: auto;margin-right: 8px;}
.footer .footer-right div div p{font-size: 13px;color: #C6C8CC;}
.footer .footer-right .address{margin-bottom: 28px;}
.icp-info{color: #676B76;height: 51px;background: #000;text-align: center;font-size: 12px;line-height: 51px;}
.icp-info a{color: #676B76;font-size: 12px;}

.content-title p{font-size: 9px;color: #8B8B8B;text-align: center;}
.content-title h2{font-size: 26px;color: #0D0D0D;font-family: 'PingFangSC-Medium';text-align: center;}
.about-content {padding-top: 60px;}
.about-content .about-info{margin-top: 25px;}
.about-content .about-info p{font-size: 14px;color: #31343D;line-height: 34px;}

.about-text-img{margin-top: 26px;background:#fafafa}
.about-text-img .top,.about-text-img .bottom{display: flex;align-items:center}
.about-text-img .top{align-items:flex-start;}
.about-text-img .top .text{box-sizing: border-box;padding:16px 24px;color:#8a8a8a;font-size:14px;}
.about-text-img .top .text p{font-size:14px;line-height:28px;font-weight:500}
.about-result{margin-top: 60px;}
.about-result .content-title{margin-bottom: 30px;}
.about-result ul{display: flex;justify-content:space-around;position: relative;padding-bottom: 21px;}
.about-result ul .certtitle{font-size: 14px;color: #31343D;text-align: center;margin-top: 10px;}
.about-result ul li img{
    box-shadow: 0 -4px 9px 0 rgba(185,190,190,0.50);
}
.cert-list{position: relative;}
.cert-list .first{width:270px;}
.cert-list .cert-bg {position: absolute;bottom: 0;left: 0;z-index: -1;}
.cert-list .cert-bg div:first-of-type{
    transform: scaleY(-1);
    
    background-image: linear-gradient(180deg, #FCFCFC 0%, #F7F7F7 100%);
    width: 950px;
    /* height: 62px; */
    border-top: 62px solid #F7F7F7;
    border-right: 37px solid transparent;
    border-left:37px solid transparent;
}
.cert-list .cert-bg div:last-of-type{
    width: 100%;height: 13px;background: #ECEEF0;
}
.cert-list{margin-bottom: 70px;}
.cert-list li div{display: flex;justify-content:space-around;}
.second div img:first-of-type{margin-right: 22px;}

.product-content {padding: 30px 0 80px;}
.product-content .content-list{display: flex;justify-content: space-between;margin-top: 100px;}
.product-content .content-list .img{position: relative;width: 400px;height: 400px;z-index: 0;}
.product-content .content-list .img .bg{width: 400px;height: 400px;
border-radius: 50%;background: #F7F7F7;opacity: 0.64;
}
.product-content .content-list .text{width: 470px;}
.product-content .content-list .text-title{position: relative;}
.product-content .content-list .text-title h1{font-size: 72px;color: #CFE5FF;font-family: 'DINPro-Bold';line-height: 92px;}
.product-content .content-list .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
    box-shadow: 0 -4px 9px 0 rgba(185,190,190,0.50);z-index: 2;
}
.product-content .content-list .text-title h2{color: #0D0D0D;font-family: 'PingFangSC-Medium';position: absolute;
font-size: 26px;bottom: 0px;left:0
}
.product-content .content-list .text p{font-size: 14px;line-height: 28px;text-align: justify;
    color: #001600 ;font-family: 'PingFangSC-Light';margin-top: 4px;
}
.product-content .content-list .text p:first-of-type{color: #31343D ;font-family: 'PingFangSC-Regular';}
.product-content .content-list .text p span{font-family: 'PingFangSC-Medium';}
.product-content .content-list:nth-of-type(2n){flex-direction: row-reverse;}

.case-content {padding:25px 0 0 ;}
.case-content .case-menu{display: flex;justify-content: center;}
.case-content .case-menu a{width: 150px;text-align: center;border-bottom: 1px solid #DFE2E6;padding: 15px 0;
color: #A9ABAF;font-size: 18px;
}
.case-content .case-menu a.case-active{color: #0D0D0D;font-weight: 600;border-bottom-color: #0D0D0D;}
.case-content .case-text{margin-top: 80px;}
.case-content .case-text h1{font-size: 26px;color: #0D0D0D;font-family: 'PingFangSC-Medium';margin-bottom: 60px;}
.case-content .case-text h2{display: flex;align-items: center;margin-bottom: 20px;}
.case-content .case-text h2 span{
    font-family: 'PingFangSC-Medium';
    font-size: 24px;
    color: #0D0D0D;
    letter-spacing: 0;
    text-align: left;
    line-height: 26px;margin-left: 12.4px;
}
.case-content .case-text p{
    font-family: 'PingFangSC-Light';
    font-size: 14px;line-height: 34px;
    color: #31343D;
}
.case-text .case-text-warp{margin-bottom: 50px;}

.case-text-warp section{display: flex;justify-content: space-between;}
.case-text-warp section div{width: 244px;height: 169px;border:1px solid #DFE2E6;padding-top: 32.4px;box-sizing: border-box;}
.case-text-warp section div img{margin: 0 auto;margin-bottom: 28px;}
.case-text-warp section div p{text-align: center;line-height: 20px !important;}

.partner-content{margin-bottom: 60px;}
.partner-content h2{font-size: 26px;color: #0D0D0D;margin-top: 60px;line-height: 26px;font-weight: 500;margin-bottom: 30px;}
.partner-content p{font-size: 14px;color: #31343D;text-align: justify;line-height: 34px;}

.case-text-warp section img{height: 40px;}



 .timeline {
    position: relative;
    padding: 40px 0;
}

.timeline:before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, #2c80ff, #6ea6ff);
    border-radius: 2px;
}

.timeline ul {
    list-style: none;
    padding-left: 0;
    position: relative;
}

.timeline li {
    position: relative;
    padding-left: 80px;
    margin-bottom: 60px;
    min-height: 60px;
}

.timeline li:last-child {
    margin-bottom: 0;
}

.timeline li span {
    position: absolute;
    left: 0;
    top: -60px;
    width: 280px;
    padding: 8px 12px;
    background: #2c80ff;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(44, 128, 255, 0.3);
    z-index: 2;
}


.timeline li p {
    background: white;
    padding: 25px;
    border-radius: 12px;
    margin: 80px 0 60px 0;
    line-height: 1.7;
    color: #333;
    border-left: 4px solid #2c80ff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.timeline li:first-of-type p {
   margin-top: 0;
}
.timeline li:last-of-type p {
   margin-bottom: 0;
}

.timeline li p:before {
    content: '';
    position: absolute;
    left: -4px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #2c80ff, #6ea6ff);
}

.timeline li:hover p {
    transform: translateX(5px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
}

.timeline li p:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #2c80ff;
    opacity: 0.1;
}