/*动画*/
/*持续:1s;延迟:0.3s;效果:cubic-bezier(0.445, 0.145, 0.355, 1),等同于ease*/
.active .ys1{opacity: 1;position: relative;right: 0;transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .ys2{opacity: 1;position: relative;right: 0;transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .ys3{opacity: 1;position: relative;left: 0;transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .ys4{opacity: 1;position: relative;left: 0;transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);}

.active .tableCell .title{opacity: 1;position: relative;right: 0px;transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .product,.active .swiper-containerp{opacity: 1;position: relative;left: 0px;transition: 1s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .pro-title{opacity: 1;margin-top:50px;  transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .ck{opacity: 1;position: relative;top: 0px;  transition: 1s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1);}

/*第二屏*/
.active .about-col{opacity: 1;position: relative;right: 0px;transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}

.active .detail1{opacity: 1;top:200px;  transition: 1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail2{opacity: 1;top:360px;  transition: 1s 0.4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.4s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail3{opacity: 1;top:525px;  transition: 1s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail4{opacity: 1;top:680px;  transition: 1s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail5{opacity: 1;top:172px;  transition: 1s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail6{opacity: 1;top:745px;  transition: 1s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail7{opacity: 1;top:200px;  transition: 1s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail8{opacity: 1;top:360px;  transition: 1s 1s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 1s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail9{opacity: 1;top:525px;  transition: 1s 1.1s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 1.1s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .detail10{opacity: 1;top:650px;  transition: 1s 1.2s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 1.2s cubic-bezier(0.445, 0.145, 0.355, 1);}

.active .contact-info{opacity: 1;margin-left:0px;  transition: 0.6s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .message{opacity: 1;margin-right:0px;  transition: 0.6s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);}
.active .contact .title{opacity: 1;position: relative;left: 0;  transition: 0.6s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);}
/*.active .ys4{opacity: 1;margin-top:50px;  transition: 1s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:1s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1);}*/
/*动画*/