.bigImg{ width: 100%  ;height:100%; object-fit: cover;}
.z5{ position: relative; z-index: 5;}
.z10{ position: relative; z-index: 10;}
.z20{ position: relative; z-index: 20;}

.planList li{ position: sticky; top: 0; left: 0; right: 0;} 
.development424{ background: #f6faff;}
.developmentUl424 li{ width: 15.4%; height: 440px;}
.developmentUl424 li.on{ width: 66.8%;}
.developmentUl424 li .left{ background: url(developmentBg.jpg) no-repeat center center / cover;}
.developmentUl424 li .left .num{font-weight: bold;color:var(--blue); /* 文字颜色 *//* 从四个方向不同的位置设置阴影 */text-shadow: 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white; }
.developmentUl424 li.on .left{ transform: translateX(-101%); -webkit-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); }
.developmentUl424 li .right::before{ z-index: 3; display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(255,255,255,.9) }
.posi-a-5{ position: absolute; top: 0; left: 0;z-index: 5}
.developmentUl424 li .right{ opacity: 0;}
.developmentUl424 li .right dl dd{ margin-left: 2em;}
.developmentUl424 li .right dl dt{ margin-top: .2em;}
.developmentUl424 li.on .right{ opacity: 1;}

.text-miao-two{font-weight: bold ;  color: #fff; text-shadow: 1px 1px #dfdfdf, -1px -1px #dfdfdf, 1px -1px #dfdfdf, -1px 1px #dfdfdf;}


.developmentBox{ background: url(developmentImg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.greenOne .desc  li{ margin-top: 1em; list-style:  disc ; list-style-position:inside}
.developmentBot::after{ display: block; content: ''; width: 50%; height: 100%; position: absolute; left: 0; top: 0; background:#f5f5f5 }
.developmentBotUl li{ width: calc((100% - 50px)/3); margin-right: 25px;}
.developmentBotUl li:nth-child(3n){ margin-right: 0;}

@media screen and (max-width:750px){
    .wap-none{ display: none !important;  }
    .bg-scoll{ background-attachment: scroll !important;}
    .radius10,.radius20{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

    .sciTechNum{ flex-wrap: wrap;}
    .sciTechNum li{ width: 50%; margin-top: 15px;}
    .developmentUl424 li,.developmentUl424 li.on{ width: 100%; height: 420px; margin-bottom: 15px;}
    .developmentUl424 li .right .p60{ margin-top: 20px;}
    .developmentUl424 li .right{ opacity: 1;}
    .developmentUl424 li .left{ transform: translateX(-101%); -webkit-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); }


    .developmentBox{ background: #f5f5f5;}
    .developmentBox .opacity0{ opacity: 1;}
    .developmentBotUl li{ width: 100%;}
    .developmentBotUl li + li{ margin-top: 20px;}

    
}