/* 设计服务 */
#newsitem_0{animation-delay: 0s;opacity: 0;}
#newsitem_1{animation-delay: 0.2s;opacity: 0;}
#newsitem_2{animation-delay: 0.3s;opacity: 0;}
#newsitem_3{animation-delay: 0.4s;opacity: 0;}
#newsitem_4{animation-delay: 0.5s;opacity: 0;}
#newsitem_5{animation-delay: 0.6s;opacity: 0;}
#newsitem_6{animation-delay: 0.7s;opacity: 0;}

#service.active .title h1 {
    visibility: visible;
    animation-name: fadeInUp;
}

#service.active .title p {
    visibility: visible;
    animation-name: fadeInUp;
    animation-delay: 0.2s
}

#service.active li{
    visibility: visible;
    animation-name: fadeInUp;
}

/* 专业技术服务 */
#major_0{animation-delay: 0s;opacity: 0;}
#major_1{animation-delay: 0.2s;opacity: 0;}
#major_2{animation-delay: 0.3s;opacity: 0;}
#major_3{animation-delay: 0.4s;opacity: 0;}
#major_4{animation-delay: 0.5s;opacity: 0;}
#major_5{animation-delay: 0.6s;opacity: 0;}
#major_6{animation-delay: 0.7s;opacity: 0;}

#major.active .title h1 {
    visibility: visible;
    animation-name: fadeInUp;
}

#major.active .title p {
    visibility: visible;
    animation-name: fadeInUp;
    animation-delay: 0.2s
}

#major.active li{
    visibility: visible;
    animation-name: fadeInUp;
}

/* project */
#project_0{animation-delay: 0s;}
#project_1{animation-delay: 0.2s;}
#project_2{animation-delay: 0.3s;}
#project_3{animation-delay: 0.4s;}
#project_4{animation-delay: 0.5s;}
#project_5{animation-delay: 0.6s;}
#project_6{animation-delay: 0.7s;}

#project.active .title h1 {
    visibility: visible;
    animation-name: fadeInUp;
}

#project.active .title p {
    visibility: visible;
    animation-name: fadeInUp;
    animation-delay: 0.2s
}

#project.active li{
    visibility: visible;
    animation-name: fadeInUp;
}

/* news */
#news_01{animation-delay: 0s;}
#news_02{animation-delay: 0.2s;}
#news_03{animation-delay: 0.3s;}
#news_04{animation-delay: 0.4s;}
#news_05{animation-delay: 0.5s;}
#news_06{animation-delay: 0.6s;}
#news_07{animation-delay: 0.7s;}

#news.active .title h1 {
    visibility: visible;
    animation-name: fadeInUp;
}

#news.active .title p {
    visibility: visible;
    animation-name: fadeInUp;
    animation-delay: 0.2s
}

#news.active li{
    visibility: visible;
    animation-name: fadeInDown;
}

/* 联系我们 */

/* #news_01{animation-delay: 0s;}
#news_02{animation-delay: 0.2s;}
#news_03{animation-delay: 0.3s;}
#news_04{animation-delay: 0.4s;}
#news_05{animation-delay: 0.5s;}
#news_06{animation-delay: 0.6s;}
#news_07{animation-delay: 0.7s;} */

#foot.active .fothead h1 {
    visibility: visible;
    animation-name: fadeInUp;
    transition: all 0.3s ease-out 0s;
}

#foot.active .fothead p {
    visibility: visible;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
    transition: all 0.3s ease-out 0s;
}

#foot.active .fobody p.a {
    transition: transform 500ms 500ms, opacity 500ms 500ms;
    -webkit-transition: transform 500ms 500ms, opacity 500ms 500ms;
}
#foot.active .fobody p.b {
    transition: transform 500ms 600ms, opacity 500ms 600ms;
    -webkit-transition: transform 500ms 600ms, opacity 500ms 600ms;
}
#foot.active .fobody p.c {
    transition: transform 500ms 700ms, opacity 500ms 700ms;
    -webkit-transition: transform 500ms 700ms, opacity 500ms 700ms;
}
#foot.active .fobody p.d {
    transition: transform 500ms 800ms, opacity 500ms 800ms;
    -webkit-transition: transform 500ms 800ms, opacity 500ms 800ms;
}
#foot.active .fobody p.e {
    transition: transform 500ms 800ms, opacity 500ms 800ms;
    -webkit-transition: transform 500ms 800ms, opacity 500ms 800ms;
}

#foot.active .fobody p {
    transform: translate(0);
    -webkit-transform: translate(0);
    opacity: 1;
}