/* 页面滚动 */
/* 滚动效果 首页 */

 /* 产品推荐 */

 .js-left.delighter
 {
   transition: all .5s ease-out;
   transform: translateX(-100%);
   opacity: 0;
}

.cp-c-left.delighter,
.cp-t-left.delighter
{
  transition: all .5s ease-out;
  transform: translateX(-100%);
  opacity: 0;
}



.cp-c-left.delighter.started,
.cp-t-left.delighter.started
{
   transform: none;
   opacity: 1;
}



.js-left.delighter.started
{
  transform: none;
  opacity: 1;
}

 
.cp-t-right.delighter,
.js-right.delighter 
{
   transition: all .5s ease-out;
   transform: translateX(100%);
   opacity: 0;
}

.cp-t-right.delighter.started,
.js-right.delighter.started 
{
   transform: none;
   opacity: 1;
}
 


.xw .xw-c-l-text p:nth-child(1).delighter
{
   transition: all .3s ease-out;
   transform: translateY(100%);
   opacity: 0;
}


.xw .xw-c-l-text p:nth-child(1).delighter.started
{
   transform: none;
   opacity: 1;
}


.xw .xw-c-l-text p:nth-child(2).delighter
{
   transition: all .5s ease-out;
   transform: translateY(100%);
   opacity: 0;
}


.xw .xw-c-l-text p:nth-child(2).delighter.started
{
   transform: none;
   opacity: 1;
}

.xw .xw-c-l-text span.delighter
{
   transition: all .7s ease-out;
   transform: translateY(100%);
   opacity: 0;
}

.xw .xw-c-l-text span.delighter.started
{
   transform: none;
   opacity: 1;
}


.cp-c-right.delighter {
   transition: all .5s ease-out;
   transform: translateX(100%);
   opacity: 0;
}

.cp-c-right.delighter.started {
   transform: none;
   opacity: 1;
}

/* 应用领域 */
.yy .yy-header h1.delighter {
   transition: all .5s ease-out;
   transform: translateY(-100%);
   opacity: 0;
}

.yy .yy-header h1.delighter.started {
   transform: none;
   opacity: 1;
}

.yy .yy-header span.delighter {
   transition: all .5s ease-out;
   transform: translateY(-100%);
   opacity: 0;
}

.yy .yy-header span.delighter.started {
   transform: none;
   opacity: 1;
}

.yy .swiper-slider.delighter {
   transition: all .5s ease-out;
   transform: translateY(-100%);
   opacity: 0;
}

.yy .swiper-slide.delighter.started {
   transform: none;
   opacity: 1;
}

.xw h1.delighter {
   transition: all .5s ease-out;
   transform: translateY(-100%);
   opacity: 0;
}

.xw h1.delighter.started {
   transform: none;
   opacity: 1;
}
.xw .xw-c-left.delighter {
   transition: all .5s ease-out;
   transform: translateX(-100%);
   opacity: 0;
}

.xw .xw-c-left.delighter.started {
   transform: none;
   opacity: 1;
}


.xw .xw-c-right.delighter {
   transition: all .5s ease-out;
   transform: translateX(100%);
   opacity: 0;
}

.xw .xw-c-right.delighter.started {
   transform: none;
   opacity: 1;
}