/************************************ about **************************************/
/**/
.ab-banner{   text-align: center; height: 360px; line-height: 360px;    font-size: 60px;    color: #1D1D1F;   font-weight: 300;}
.ab-banner span {    position: relative;}
.ab-banner span::before {    content: '';    position: absolute;    top: 35px;    left: -102px;    width: 114px;    height: 114px;    background: #8FD884;    filter: blur(50px) opacity(0.5);}
.ab-banner span::after {    content: '';    position: absolute;    top: -115px;    right: -136px;    width: 230px;    height: 230px;    background: #32C5FF;    filter: blur(50px) opacity(0.2);}
.ab-title {    background: linear-gradient(90deg, #00B7FF 30%, #A4DE9B 70%);    -webkit-background-clip: text;    background-clip: text;    -webkit-text-fill-color: transparent;    text-fill-color: transparent;}
.ab-txt{ width:800px; margin:-50px auto 80px auto;}
.ab-txt p{ font-size:16px; line-height:2; color:#666; margin-bottom:18px; text-indent:2em;}

/**/
.ab-loop{ padding:80px 0;}
.ab-loop .title{ font-size:36px; font-weight:bold; text-align:center; color:#4db571; letter-spacing:2px; margin-bottom:80px;}
.ab-loop .detail{}
.ab-loop-cover{ display:flex; justify-content: center;}
.ab-loop-img{ width:500px;}
.ab-loop-txt{ width:600px; padding:0 40px;}
.ab-loop-txt p{ font-size:16px; line-height:2; color:#666; margin-bottom:18px; text-indent:2em;}

/************************************ cooperation **************************************/
/**/
.ca-top{ position:relative;}
.ca-top::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 210px; background: linear-gradient(180deg, rgba(26, 28, 29, 0) 0%, #ffffff 100%);}
.ca-top-bg{ height:600px; width:100%; overflow:hidden;}

/**/
.ca-top-title{ position: absolute; top:30%; left:50%; transform: translate(-50%);}
.ca-top-title-inner { color:#FFF; font-size: 40px; line-height: 80px; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); text-align: center; font-weight:bold;}
.ca-top-title-inner em { font-size: 80px; margin-right: 20px;}

/**/
.ca-loop{ padding:40px 0;}
.ca-loop .title{ font-size:36px; font-weight:bold; text-align:center; color:#444; letter-spacing:2px;}
.ca-loop .detail{ font-size:18px; margin:40px 0; text-align:center; color:#999;}
.ca-loop-cover{ display:flex; justify-content: center;}
.ca-loop-img{ width:500px;}
.ca-loop-txt{ width:600px; padding:0 40px;}
.ca-loop-txt p{ font-size:16px; line-height:2; color:#666; margin-bottom:18px; text-indent:2em;}