.section.active .box1 .index_kv_title{animation: fadeInDown 1s linear;-webkit-animation: fadeInDown 1s linear;} .section.active .box1 p{animation: fadeInDown 1s linear;-webkit-animation: fadeInDown 1s linear;} .section.active .index_about_l,.section.active .tec_con_l,.section.active .index_contact_box{animation: fadeInLeft 1s linear;-webkit-animation: fadeInLeft 1s linear;} .section.active .index_about_r,.section.active .tec_con_r,.section.active .index_contact_map{animation: fadeInRight 1s linear;-webkit-animation: fadeInRight 1s linear;} .section .index_about_l,.section .tec_con_l,.section .index_contact_box{animation: fadeOutLeft 1s linear;-webkit-animation: fadeOutLeft 1s linear;} .section .index_about_r,.section .tec_con_r,.section .index_contact_map{animation: fadeOutRight 1s linear;-webkit-animation: fadeOutRight 1s linear;} .section.active .index_about_b{animation: fadeInUp 1.5s linear;-webkit-animation: fadeInUp 1.5s linear;} .section.active .index_product_box,.section.active .index_news_lb{animation: fadeInUp 1s linear;-webkit-animation: fadeInUp 1s linear;} .section .index_product_box,.section .index_news_lb{animation: fadeOutDown 1s linear;-webkit-animation: fadeOutDown 1s linear;} @keyframes mouseIcon{ 0% { bottom: 70px; opacity: 1; } 100% { bottom: 50px; opacity: 0; } } @-webkit-keyframes mouseIcon{ 0% { bottom: 70px; opacity: 1; } 100% { bottom: 50px; opacity: 0; } } @-webkit-keyframes bg_img { 0% { background-size: auto 100%; } 100% { background-size: auto 110%; } } @keyframes bg_img { 0% { background-size: auto 100%; } 100% { background-size: auto 110%; } }