.about-title{background:linear-gradient(to right,#fff 0%,#fff 50%, #f7f7f7 50%,#f7f7f7 100%);background-repeat:no-repeat;margin-top:40px;}
.about-titles{width:1288px;margin: 0 auto;position:relative;padding-top:60px;}
.about-titles .about-name{font-size:32px;font-family:Gilroy Semi Bold,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:600;margin-top:12px;}
.about-titles .about-eg{font-family:Gilroy Extra Bold,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:##1f2329;opacity:0.04;   font-size: 48px;  letter-spacing: 8px; user-select: none; pointer-events: none;position:absolute;top:40px;padding:0;font-weight:700;
}
.about-titles .about-names{font-size: 16px;line-height: 1.5; color: #646a73; margin-top: 30px;}

.about-title-content{display:flex;margin-top:40px;}
.about-title-content .about-content-img{width:55%;}
.about-title-content .about-content-img img{width:100%;}
.about-title-content ul{margin:60px 0px 0px 120px}
.about-title-content ul li h3{font-size:26px;font-weight:600;color:#1f2329;margin-bottom:20px;}
.about-title-content ul li p{font-size:16px;color:#646A73;margin-top:5px;width:430px;line-height:32px;margin-bottom:20px;text-align:justify;}
.about-title-content ul li{font-size:20px;color:#646A73;margin-top:20px;position:relative;}

.about-container{margin-top:60px;padding-top:1px;background:linear-gradient(#f7f7f7 0%,#f7f7f7 92%, #fff 92%,#fff 100%);background-repeat:no-repeat;height:535px;}
.about-containers{width:1288px;margin: 0 auto;}
.about-title-contents{display:flex;margin-top:80px;justify-content:space-between;position:relative;}
.about-title-contents .about-content-img{width:55%;padding-top: 45px;}
.about-title-contents .about-content-img img{width:100%;}
.about-title-contents ul{width:360px;}
.about-title-contents ul li{position:relative;}
.about-title-contents ul li h3{font-size:28px;font-weight:600;color:#1f2329;margin-bottom:20px;}
.about-title-contents ul li p{font-size:16px;color:#646A73;margin-top:5px;line-height:32px;}
.about-title-contents ul li{font-size:20px;color:#646A73;margin-top:10px;}
.about-title-contents .about-title-math{position: absolute;top: -35px;font-size: 43px;color: #1f2329;opacity: 0.04; font-weight: 600;}
.about-title-content .about-title-math{position: absolute;top: -35px;font-size: 43px;color: #1f2329;opacity: 0.04; font-weight: 600;}


.animation{
	visibility:visible;animation-duration:0.8s;
}

/*动画效果
.about-names .delighter{
	visibility: visible;
  -webkit-animation-name: fadeInUp;
  animation: fadeInUp 0.8s ease;
}*/
.about-names{
    transition: all 0.8s ease;
    transform: translate(0px,50px);
	opacity:0;
}
.about-names.started{
  transform: translate(0,0);
	opacity:1;
}
.about-names.started.ended{
    border:red solid 1p;
	opacity:1;
}
.about-name{
    transition: all 0.8s ease;
    transform: translate(0px,50px);
	opacity:0;
}
.about-name.started{
  transform: translate(0,0);
	opacity:1;
}
.about-name.started.ended{
    transform: translate(0,0);
	opacity:1;
}
.about-eg.delighter{
    transition: all 1s ease;
    transform: translate(0px,50px);
	opacity:0;
}
.about-eg.delighter.started{
  transform: translate(0,0);
	opacity:0.04;
}
.about-eg.delighter.started.ended{
    transform: translate(0,0);
	opacity:0.04;
}