/* CSS Document */ /****网页过度效果****/ a, .product-list li, .product-list li img, .product-list li a, .title01, .case-list li, .case-list li img, .aboutSlide li img, .product-class-list li img, .honor-left li img, .advantage-home li, .news-dl dt a img, .picList li img, .banner .prev, .banner .next{ -webkit-transition:all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); -moz-transition:all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); transition:all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1);} .product-list li{ -webkit-transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); -moz-transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); -ms-transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); -o-transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); } .product-list li:hover img, .case-list li:hover img, .aboutSlide li:hover img, .product-class-list li:hover img, .honor-left li:hover img, .news-dl dt:hover img, .picList li:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } .wikiAlp{ -webkit-animation-name: wikiAlp; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiAlp { 0% { -webkit-opacity: 0; -webkit-transform: translateY(30px); /* top: -300px;*/ } 60% { -webkit-opacity: 1; -webkit-transform: translateY(-15px); /* top: -150px; */ } 100% { -webkit-opacity: 1; -webkit-transform: translateY(0); /* top: 10px;*/ } } .wikiBtOp{ -webkit-animation-name: wikiBtOp; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiBtOp { 0% { -webkit-opacity: 0; } 60% { -webkit-opacity: 1; } 100% { -webkit-opacity: 1; } } .wikiBtB{ -webkit-animation-name: wikiBtB; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiBtB { 0% { -webkit-opacity: 0; -webkit-transform: translateY(-100px); } 60% { -webkit-opacity: 1; -webkit-transform: translateY(-50px); } 100% { -webkit-opacity: 1; -webkit-transform: translateY(0); } } .wikiBtT{ -webkit-animation-name: wikiBtT; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiBtT { 0% { -webkit-opacity: 0; opacity: 0; /*filter:alpha(opacity=0);*/ -webkit-transform: translateY(30px); } 60% { -webkit-opacity: 1; opacity: 1; /*filter:alpha(opacity=100);*/ -webkit-transform: translateY(-15px); } 100% { -webkit-opacity: 1; opacity: 1; /*filter:alpha(opacity=100);*/ -webkit-transform: translateY(0); } } .wikiBtT2{ -webkit-animation-name: wikiBtT2; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiBtT2 { 0% { -webkit-opacity: 0; -webkit-transform: translateY(300px); } 60% { -webkit-opacity: 1; -webkit-transform: translateY(100px); } 100% { -webkit-opacity: 1; -webkit-transform: translateY(0); } } .wikiBtL{ -webkit-animation-name: wikiBtL; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiBtL { 0% { -webkit-opacity: 0; -webkit-transform: translateX(-400px); } 60% { -webkit-opacity: 1; -webkit-transform: translateX(-200px); } 100% { -webkit-opacity: 1; -webkit-transform: translateY(0); } } .wikiBtR{ -webkit-animation-name: wikiBtR; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiBtR { 0% { -webkit-opacity: 0; -webkit-transform: translateX(400px); } 60% { -webkit-opacity: 1; -webkit-transform: translateX(200px); } 100% { -webkit-opacity: 1; -webkit-transform: translateY(0); } } .wikiScl{ -webkit-animation-name: wikiScl; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes wikiScl { 0% { -webkit-opacity: 0; opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); } 60% { -webkit-opacity: 1; opacity: 1; -webkit-transform: scale(0.65,0.65); transform: scale(0.65,0.65); } 100% { -webkit-opacity: 1; opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); } }