@charset "gb2312";

.mart55 { margin-top: 55px; }
.mart40 { margin-top: 40px; }
.mart41 { margin-top: 30px; }
.mart30 { margin-top: 30px; }

.list_pro { width: 100%; float: left; }
.list_pro ul { display:flex; flex-wrap:wrap; }
.list_pro ul li { width:23.05%; float: left;  background:rgba(255,255,255,.7); margin: 0 2.6% 2.6% 0; border-radius:30px; cursor: pointer; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ } 

.list_pro ul li h3 { width:100%; float: left; aspect-ratio: 1 / 1;/* 图片比例 */ } 
.list_pro ul li h4 { width: 100%; float: left; padding:16px 25px 25px;  }
.list_pro ul li h4 font {  width: 100%; float: left; font-size:20px; line-height:1.5em; color:#333; font-weight: 600; transition:all ease-out .4s 0s;  }
.list_pro ul li:hover h4 font { color:#016e59;  }
.list_pro ul li h4 em { width: 100%; float: left; font-size:16px; line-height:1.6em; color:#666; font-weight: 300; padding:10px 0 0 0; }
.list_pro ul li:hover .card-fz2 {transform: rotateY(180deg); }
.list_pro ul li:nth-child(4n) { margin-right:0;}


/* 翻转盒子 */
.card-fz2 { position: relative; width: 100%; height: 100%; float: left;  transition: transform 0.6s ease; transform-style: preserve-3d; transform: rotateY(0deg);  will-change: transform;   }  
/*.card-fz:hover { transform: rotateY(180deg); }*/
.card-zm2, .card-bm2 {  position: absolute; width: 100%;  backface-visibility: hidden; }
.card-bm2 { transform: rotateY(180deg); }
.card-zm2 img, .card-bm2 img {display: block; width: 100%; object-fit: cover; /*user-select: none; pointer-events: none; */ aspect-ratio: 1 / 1; border-radius:20px 20px 0 0; }
.card-bm2 span { width: 100%; position: absolute;  text-align: center; bottom:0px;  }
.card-bm2 span p { display:inline-block; font-size: 15px; color: #fff; background:rgba(1,110,89, .7); font-weight: 300;  padding:0 10px; line-height:2em;  border-radius:3px; }



.list_news { width:100%; float:left; } 
.list_news ul { display:flex; flex-wrap:wrap; }
.list_news ul li { width:31.6%; float:left;  background:#fff;  margin: 0 2.6% 2.6% 0; border-radius:30px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ }
.list_news ul li h3 { width:100%; float: left;  overflow: hidden; display:block; border-radius:20px 20px 0 0;}
.list_news ul li h3 img { width:100%;  aspect-ratio: 16 / 9.5; /*图片比例*/ /* object-fit: cover; *//*居中显示*/ transition:all ease-out 2s 0s;}
.list_news ul li:hover h3 img { transform:scale(1.05);}
.list_news ul li h4 { width:100%;float: left; padding:20px 25px 25px; }
.list_news ul li h4 span { width:100%;float: left;  color:#333; font-size:20px; color: #333; line-height: 1.5em; font-weight: 600;  transition:all ease-out .4s 0s;}
.list_news ul li:hover h4 span { color: rgba(1,110,89,1); }
.list_news ul li h4 p { width:100%;float: left;  color:#888; line-height:1.75em; font-size:16px; font-weight: 300; padding:12px 0 0 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.list_news ul li h4 b { width:100%; float: left; color:#888; line-height:1.5em; font-size:16px; font-weight: 300; padding:12px 0 0 0; font-family: 'roboto'; }
.list_news ul li:nth-child(3n) { margin-right:0;}


.list_tssy { width:100%; float:left; }
.list_tssy ul { display:flex; flex-wrap:wrap; }
.list_tssy ul li { width:31.6%; float:left;  background:#fff;  margin: 0 2.6% 2.6% 0; border-radius:30px; overflow: hidden;  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ }
.list_tssy ul li h3 { width:100%; float: left;  overflow: hidden; display:block; border-radius:20px 20px 0 0;}
.list_tssy ul li h3 img { width:100%;  aspect-ratio: 9 / 16; /*图片比例*/  /* object-fit: cover; *//*居中显示*/ transition:all ease-out 2s 0s;}
.list_tssy ul li:hover h3 img { transform:scale(1.05);}
.list_tssy ul li h4 { width:100%;float: left; padding:20px 25px 25px; }
.list_tssy ul li h4 span { width:100%;float: left;  color:#333; font-size:22px; color: #333; line-height: 1.5em; font-weight: 600;  transition:all ease-out .4s 0s;}
.list_tssy ul li:hover h4 span { color: rgba(1,110,89,1); }
.list_tssy ul li h4 p { width:100%;float: left;  color:#888; line-height:1.75em; font-size:16px; font-weight: 300; padding:12px 0 0 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.list_tssy ul li h4 b { width:100%; float: left; color:#888; line-height:1.5em; font-size:16px; font-weight: 300; padding:12px 0 0 0; font-family: 'roboto'; }
.list_tssy ul li:nth-child(3n) { margin-right:0;}



.list_case { width:100%; float:left; }
.list_case ul li { width:100%; float:left; background: #fff; height: 250px;  margin:0 0 2.6% 0; border-radius:30px; overflow: hidden;  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */}

.list_case ul li h3 { width:35%; float:left; overflow: hidden; height: 100%;  }
.list_case ul li h3 img { width:100%;  height:100%; transition:all ease-out 2s 0s; }
.list_case ul li:hover h3 img { transform:scale(1.05);}

.list_case ul li h4 { width:65%; float:right; padding:0 3.5%; height: 100%; display:flex;/* align-items: center; */ justify-content: center; flex-direction: column; }
.list_case ul li h4 span { width:80%; float:left;color:#333;  font-size: 22px; color: #333; line-height: 1.5em;  font-weight: 700; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition:all ease-in-out .4s 0s;}
.list_case ul li h4 p { width:100%; float:left; color:#666; line-height:1.75em; font-size:16px; font-weight: 300; padding:15px 0 0 0;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.list_case ul li h4 i { font-size: 36px; line-height: 1.2em; display:block;  transition:all ease-in-out .5s 0s; float: left; margin-top:20px; font-weight: 300; color: #bbb; }
.list_case ul li:hover h4 i { margin-left:calc(100% - 36px); color: rgba(1,110,89,1); }
.list_case ul li:hover h4 span { color:rgba(1,110,89,1);}
.list_case ul li:nth-child(2n) h3 { float:right; }
.list_case ul li:nth-child(2n) h4 { float:left; }


.list_haibao { width:100%; float:left; }
.list_haibao ul { display:flex; flex-wrap:wrap; }
.list_haibao ul li { width:18%; float:left; background: #fff; padding:0; margin: 0 2.5% 2.6% 0; border-radius:30px; overflow: hidden;  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */}
.list_haibao ul li h3 { width:100%; float:left;  overflow: hidden; position:relative;  }
.list_haibao ul li h3 img { width: 100%; height: auto; display: block; transition:all 2s ease-in-out;  aspect-ratio: 9 / 16; /* 图片比例 */  /* object-fit: cover; *//*居中显示*/}
.list_haibao ul li h3 em { position:absolute;  width:50px; height:50px; display:block; border-radius:50%; background: url(../images/player.png) rgba(1,110,89,.3); background-size:cover; position:absolute; top:50%; margin-top: -25px;  left:50%; margin-left:-25px;  z-index:5;  transform:rotate(0deg); transition:all ease-out .3s 0s;}
.list_haibao ul li:hover h3 em { transform:rotate(360deg); }
.list_haibao ul li:hover h3 img {transform:scale(1.05); }

.list_haibao ul li h4 { width:100%; float:left; font-size:18px; color: #333; line-height: 1.5em; padding:15px 8% 17px 8%; text-align: center; font-weight: 300;  transition:all .4s ease-in-out;  }
.list_haibao ul li:hover h4 { color: rgba(1,110,89,1);  }
.list_haibao ul li:nth-child(5n) { margin-right: 0; }


/*达人矩阵*/
.list_team { width:100%; float:left; }
.list_team ul { display:flex; flex-wrap:wrap; }
.list_team ul li { width:14.5%; float:left; background: #fff; padding:0; margin: 0 2.6% 2.6% 0; border-radius:30px; overflow: hidden;   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */}
.list_team ul li h3 { width:100%; float:left;  overflow: hidden;  }
.list_team ul li h3 img { width: 100%; height: auto; display: block; transition:all 2s ease-in-out;  aspect-ratio: 1 / 1; /* 图片比例 */  /* object-fit: cover; *//*居中显示*/}
.list_team ul li:hover h3 img {transform:scale(1.1); }
.list_team ul li h4 { width:100%; float:left; font-size:18px; color: #333; line-height: 1.5em; padding:12px 8% 14px 8%;  text-align: center; font-weight: 300;  transition:all .4s ease-in-out;  }
.list_team ul li:hover h4 { color: rgba(1,110,89,1);  }
.list_team ul li:nth-child(6n) { margin-right: 0; }


.team1 { width: 100%; float: left; margin-bottom: 60px;  }
.team1 ul { overflow: hidden;  grid-template-columns:repeat(8,12.5%); grid-template-rows:auto;  display:grid;}
.team1 ul li{ margin: 1px; grid-row-end: span 1; grid-column-end: span 1; position: relative; overflow: hidden; }	
.team1 ul li span { position: absolute; z-index: 5; bottom:-100%; background:linear-gradient(180deg, rgba(1,110,89,0), rgba(1,110,89,.7), rgba(1,110,89,1)); padding:11px 0; width: 100%; font-size:18px; color: #fff; line-height: 1.5em; text-align: center; font-weight: 300; transition:all ease-out .4s 0s;  }
.team1 ul li img { width: 100%; height: 100%; overflow: hidden; transition:all ease-out .4s 0s; }
.team1 ul li:hover span { bottom:0; }
.team1 ul li:hover img { transform: scale(1.1);}

.team1 ul li:nth-child(2) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(10) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(19) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(29) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(39) { grid-row-end: span 2; grid-column-end: span 2;}



.list_coop { width:100%; float:left; margin-top: 10px; margin-bottom: 50px; }
.list_coop ul { display:flex; flex-wrap:wrap; }
.list_coop ul li { width:19%; float:left; margin: 0 1.25% 1.25% 0;  background:rgba(255,255,255,1); padding:10px 0 15px 0; border-radius:30px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
opacity: 0;transform: translateY(50px) scale(1);transition:all .4s ease-in-out;/*transition-delay: 0s !important; *//* 默认无延迟，快速隐藏 */ }
.list_coop ul li h3 { width: 100%; float:left; height:88px; display:flex; align-items:center; justify-content: center;  }
.list_coop ul li h3 img { filter:gray; max-width:100%; max-height: 70%; transition:all .4s ease-in-out; filter:grayscale(0%); }
.list_coop ul li:hover h3 img { filter:grayscale(50%); }
.list_coop ul li h4 {width: 100%; float:left; padding:0 8%; font-size:18px; line-height:1.5em; text-align: center; color:#333; font-weight:300; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 2; transition:all .4s ease-in-out;}
.list_coop ul li:hover h4 { color:#016e59; }
.list_coop ul li:nth-child(5n) { margin-right: 0; }




/* 移动端适配 */
@media (max-width: 820px) {
	
.mart30 { margin-top: 3%; }
.mart40 { margin-top: 4%; }
.mart41 { margin-top: 4%; }
.mart55 { margin-top: 5%; }
	
.list_pro { width: 100%; float: left; }
.list_pro ul { display:flex; flex-wrap:wrap; }
.list_pro ul li { width:48.5%; margin: 0 3% 4vw 0; border-radius:4vw; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); } 
.list_pro ul li h4 { padding:4vw 5vw 4.5vw 5vw;  }
.list_pro ul li h4 font {  font-size:4vw;  line-height: 1.5em;   }
.list_pro ul li:hover h4 font { color:#333;  }
.list_pro ul li h4 em { line-height:1.6em; font-size:3.5vw; padding:2vw 0 0 0;  }
.list_pro ul li:hover .card-fz2 {transform: rotateY(180deg); }
.list_pro ul li:nth-child(2n) { margin-right:0;}
	

/* 翻转盒子 */
.card-zm2 img, .card-bm2 img { border-radius:4vw 4vw 0 0; }
.card-bm2 span p {  width: 100%; font-size: 3vw;  padding:0 1vw; line-height:2.2em;  border-radius: 0; }	

.list_news ul li { width:100%; margin: 0 0 4% 0; border-radius:4vw; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); }
.list_news ul li h3 {  border-radius:4vw 4vw 0 0;}
.list_news ul li h3 img { width:100%;  aspect-ratio: 16 / 9; }
.list_news ul li:hover h3 img { transform:scale(1);}
.list_news ul li h4 { padding:4.5vw 5.5vw 5.5vw 5.5vw; }
.list_news ul li h4 span {  font-size:4vw;  line-height: 1.5em; }
.list_news ul li:hover h4 span { color:#333;}
.list_news ul li h4 p {  line-height:1.75em; font-size:3.5vw; padding:2.5vw 0 0 0;  -webkit-line-clamp: 6; }
.list_news ul li h4 b {  ine-height:1.5em; font-size:3.5vw;  padding:2.5vw 0 0 0;  }


.list_tssy { width:100%; float:left; }
.list_tssy ul li { width:48.5%; margin: 0 3% 4% 0; border-radius:4vw; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); }
.list_tssy ul li h3 {  border-radius:4vw 4vw 0 0;}
.list_tssy ul li h3 img { width:100%;  aspect-ratio: 9 / 16; }
.list_tssy ul li:hover h3 img { transform:scale(1);}
.list_tssy ul li h4 { padding:4vw 5vw 5vw 5vw;  }
.list_tssy ul li h4 span {  font-size:4vw;  line-height: 1.5em; }
.list_tssy ul li:hover h4 span { color:#333;}
.list_tssy ul li h4 p { line-height:1.6em; font-size:3.5vw; padding:2.5vw 0 0 0; -webkit-line-clamp: 3; }
.list_tssy ul li h4 b { ine-height:1.5em; font-size:3.5vw; padding:2.5vw 0 0 0; display: none;  }
.list_tssy ul li:nth-child(2n) { margin-right:0;}
.list_tssy ul li:nth-child(3n) { margin-right:auto;}
	

.list_case ul li {  height: auto;  width:100%; margin: 0 0 4vw 0; border-radius:4vw; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);}
.list_case ul li h3 { width:100%;  height: auto;  }
.list_case ul li h3 img { height:auto; aspect-ratio: 16 / 9; }
.list_case ul li:hover h3 img { transform:scale(1);}
	
.list_case ul li h4 { width:100%; float:left;  padding:4.5vw 5.5vw 5.5vw 5.5vw;  justify-content: center; flex-direction: column; }
.list_case ul li h4 span { font-size:4vw;  line-height: 1.5em; }
.list_case ul li h4 p { line-height:1.75em; font-size:3.5vw; padding:2.5vw 0 0 0;  -webkit-line-clamp: 6; }
.list_case ul li h4 i { font-size: 5vw; line-height: 1.2em;  margin-top:3vw;  }
.list_case ul li:hover h4 i { margin-left:calc(100% - 5vw); }
.list_case ul li:hover h4 span { color:#333;}
.list_case ul li:nth-child(2n) h3 { float:left; }
.list_case ul li:nth-child(2n) h4 { float:left; }
	

	
.list_haibao ul li {  width:48.5%; margin: 0 3% 4% 0; border-radius:4vw; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); }
.list_haibao ul li h3 em {  width:10vw; height:10vw;  margin-left:-5vw; margin-top:-5vw;  }
.list_haibao ul li:hover h3 em { transform:rotate(0deg); }
.list_haibao ul li:hover h3 img {transform:scale(1); }
.list_haibao ul li h4 { padding:3vw 4.5vw 3.5vw 4.5vw;  font-size:3.75vw; line-height: 1.6em;  font-weight: 300;  }
.list_haibao ul li:hover h4 { color:#333;  }
.list_haibao ul li:nth-child(2n) { margin-right: 0; }
.list_haibao ul li:nth-child(5n) { margin-right: auto; }



	
/*达人矩阵*/
.list_team ul li { width:31.6%;  margin: 0 2.6% 2.6% 0; border-radius:4vw; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);}
.list_team ul li:hover h3 img {transform:scale(1.0); }
.list_team ul li h4 {  padding:2vw 4.5vw 2vw 4.5vw;  font-size:3.75vw; line-height: 1.6em;  font-weight: 300;  }
.list_team ul li:hover h4 { color:#333;  }
.list_team ul li:nth-child(3n) { margin-right: 0; }

.team1 { width: 100%; float: left;  }
.team1 ul { overflow: hidden;  grid-template-columns:repeat(8,12.5%); grid-template-rows:auto;  display:grid;}
.team1 ul li{ margin: 1px; grid-row-end: span 1; grid-column-end: span 1; position: relative; overflow: hidden; }	
.team1 ul li span { position: absolute; z-index: 5; bottom:-100%; background:linear-gradient(180deg, rgba(1,110,89,0), rgba(1,110,89,.7), rgba(1,110,89,1)); padding:11px 0; width: 100%; font-size:18px; color: #fff; line-height: 1.5em; text-align: center; font-weight: 300; transition:all ease-out .4s 0s;  }
.team1 ul li img { width: 100%; height: 100%; overflow: hidden; transition:all ease-out .4s 0s; }
.team1 ul li:hover span { bottom:0; }
.team1 ul li:hover img { transform: scale(1.1);}

.team1 ul li:nth-child(2) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(10) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(19) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(29) { grid-row-end: span 2; grid-column-end: span 2;}
.team1 ul li:nth-child(39) { grid-row-end: span 2; grid-column-end: span 2;} 
	

.list_coop { width:100%; float:left; margin-top: 0; margin-bottom: 3%; }
.list_coop ul { display:flex; flex-wrap:wrap; }
.list_coop ul li { width:48.5%; margin: 0 3% 2.6% 0; border-radius:4vw; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); padding:1.5vw 0 2.5vw 0;  }
.list_coop ul li h3 { height:15vw;  }
.list_coop ul li h3 img {  max-width:90%; max-height: 70%;  }
.list_coop ul li:hover h3 img { filter:grayscale(0%); }
	
.list_coop ul li h4 { padding:0vw 4.5vw 0 4.5vw;  font-size:3.75vw; line-height: 1.6em;  font-weight: 300; }
.list_coop ul li:hover h4 { color:#333; }
.list_coop ul li:nth-child(2n) { margin-right: 0; }
.list_coop ul li:nth-child(5n) { margin-right: auto; }

}


/* 可见状态：完全显示 + 归位 */
.list_tssy ul li.visible,.list_team ul li.visible,.list_news ul li.visible,.list_case ul li.visible,.list_coop ul li.visible,.list_haibao ul li.visible,.list_pro ul li.visible { opacity: 1; transform: translateY(0) scale(1); }

.list_tssy ul li.visible:nth-child(1),
.list_team ul li.visible:nth-child(1),
.list_news ul li.visible:nth-child(1),
.list_case ul li.visible:nth-child(1),
.list_coop ul li.visible:nth-child(1),
.list_haibao ul li.visible:nth-child(1),
.list_pro ul li.visible:nth-child(1) { transition-delay: 0.02s; }

.list_tssy ul li.visible:nth-child(2),
.list_team ul li.visible:nth-child(2),
.list_news ul li.visible:nth-child(2),
.list_case ul li.visible:nth-child(2),
.list_coop ul li.visible:nth-child(2),
.list_haibao ul li.visible:nth-child(2),
.list_pro ul li.visible:nth-child(2) { transition-delay: 0.08s; }

.list_tssy ul li.visible:nth-child(3),
.list_team ul li.visible:nth-child(3),
.list_news ul li.visible:nth-child(3),
.list_case ul li.visible:nth-child(3),
.list_coop ul li.visible:nth-child(3),
.list_haibao ul li.visible:nth-child(3),
.list_pro ul li.visible:nth-child(3) { transition-delay: 0.14s; }

.list_tssy ul li.visible:nth-child(4),
.list_team ul li.visible:nth-child(4),
.list_news ul li.visible:nth-child(4),
.list_case ul li.visible:nth-child(4),
.list_coop ul li.visible:nth-child(4),
.list_haibao ul li.visible:nth-child(4),
.list_pro ul li.visible:nth-child(4) { transition-delay: 0.20s; }

.list_tssy ul li.visible:nth-child(5),
.list_team ul li.visible:nth-child(5),
.list_news ul li.visible:nth-child(5),
.list_case ul li.visible:nth-child(5),
.list_coop ul li.visible:nth-child(5),
.list_haibao ul li.visible:nth-child(5),
.list_pro ul li.visible:nth-child(5) { transition-delay: 0.26s; }

.list_tssy ul li.visible:nth-child(6),
.list_team ul li.visible:nth-child(6),
.list_news ul li.visible:nth-child(6),
.list_case ul li.visible:nth-child(6),
.list_coop ul li.visible:nth-child(6),
.list_haibao ul li.visible:nth-child(6),
.list_pro ul li.visible:nth-child(6) { transition-delay: 0.32s; }

.list_tssy ul li.visible:nth-child(7),
.list_team ul li.visible:nth-child(7),
.list_news ul li.visible:nth-child(7),
.list_case ul li.visible:nth-child(7),
.list_coop ul li.visible:nth-child(7),
.list_haibao ul li.visible:nth-child(7),
.list_pro ul li.visible:nth-child(7) { transition-delay: 0.38s; }

.list_tssy ul li.visible:nth-child(8),
.list_team ul li.visible:nth-child(8),
.list_news ul li.visible:nth-child(8),
.list_case ul li.visible:nth-child(8),
.list_coop ul li.visible:nth-child(8),
.list_haibao ul li.visible:nth-child(8),
.list_pro ul li.visible:nth-child(8) { transition-delay: 0.44s; }

.list_tssy ul li.visible:nth-child(9),
.list_team ul li.visible:nth-child(9),
.list_news ul li.visible:nth-child(9),
.list_case ul li.visible:nth-child(9),
.list_coop ul li.visible:nth-child(9),
.list_haibao ul li.visible:nth-child(9),
.list_pro ul li.visible:nth-child(9) { transition-delay: 0.50s; }

.list_tssy ul li.visible:nth-child(10),
.list_team ul li.visible:nth-child(10),
.list_news ul li.visible:nth-child(10),
.list_case ul li.visible:nth-child(10),
.list_coop ul li.visible:nth-child(10),
.list_haibao ul li.visible:nth-child(10),
.list_pro ul li.visible:nth-child(10) { transition-delay: 0.56s; }

.list_tssy ul li.visible:nth-child(11),
.list_team ul li.visible:nth-child(11),
.list_news ul li.visible:nth-child(11),
.list_case ul li.visible:nth-child(11),
.list_coop ul li.visible:nth-child(11),
.list_haibao ul li.visible:nth-child(11),
.list_pro ul li.visible:nth-child(11) { transition-delay: 0.62s; }

.list_tssy ul li.visible:nth-child(12),
.list_team ul li.visible:nth-child(12),
.list_news ul li.visible:nth-child(12),
.list_case ul li.visible:nth-child(12),
.list_coop ul li.visible:nth-child(12),
.list_haibao ul li.visible:nth-child(12),.list_pro ul li.visible:nth-child(12) { transition-delay: 0.68s; }

.list_tssy ul li.visible:nth-child(13),
.list_team ul li.visible:nth-child(13),
.list_news ul li.visible:nth-child(13),
.list_case ul li.visible:nth-child(13),
.list_coop ul li.visible:nth-child(13),
.list_haibao ul li.visible:nth-child(13),
.list_pro ul li.visible:nth-child(13) { transition-delay: 0.74s; }

.list_tssy ul li.visible:nth-child(14),
.list_team ul li.visible:nth-child(14),
.list_news ul li.visible:nth-child(14),
.list_case ul li.visible:nth-child(14),
.list_coop ul li.visible:nth-child(14),
.list_haibao ul li.visible:nth-child(14),
.list_pro ul li.visible:nth-child(14) { transition-delay: 0.80s; }

.list_tssy ul li.visible:nth-child(15),
.list_team ul li.visible:nth-child(15),
.list_news ul li.visible:nth-child(15),
.list_case ul li.visible:nth-child(15),
.list_coop ul li.visible:nth-child(15),
.list_haibao ul li.visible:nth-child(15),
.list_pro ul li.visible:nth-child(15) { transition-delay: 0.86s; }

.list_tssy ul li.visible:nth-child(16),
.list_team ul li.visible:nth-child(16),
.list_news ul li.visible:nth-child(16),
.list_case ul li.visible:nth-child(16),
.list_coop ul li.visible:nth-child(16),
.list_haibao ul li.visible:nth-child(16),
.list_pro ul li.visible:nth-child(16) { transition-delay: 0.92s; }

.list_tssy ul li.visible:nth-child(17),
.list_team ul li.visible:nth-child(17),
.list_news ul li.visible:nth-child(17),
.list_case ul li.visible:nth-child(17),
.list_coop ul li.visible:nth-child(17),
.list_haibao ul li.visible:nth-child(17),
.list_pro ul li.visible:nth-child(17) { transition-delay: 0.98s; }

.list_tssy ul li.visible:nth-child(18),
.list_team ul li.visible:nth-child(18),
.list_news ul li.visible:nth-child(18),
.list_case ul li.visible:nth-child(18),
.list_coop ul li.visible:nth-child(18),
.list_haibao ul li.visible:nth-child(18),
.list_pro ul li.visible:nth-child(18) { transition-delay: 1.04s; }

.list_tssy ul li.visible:nth-child(19),
.list_team ul li.visible:nth-child(19),
.list_news ul li.visible:nth-child(19),
.list_case ul li.visible:nth-child(19),
.list_coop ul li.visible:nth-child(19),
.list_haibao ul li.visible:nth-child(19),
.list_pro ul li.visible:nth-child(19) { transition-delay: 1.1s; }

.list_tssy ul li.visible:nth-child(20),
.list_team ul li.visible:nth-child(20),
.list_news ul li.visible:nth-child(20),
.list_case ul li.visible:nth-child(20),
.list_coop ul li.visible:nth-child(20),
.list_haibao ul li.visible:nth-child(20),
.list_pro ul li.visible:nth-child(20) { transition-delay: 1.16s; }

.list_tssy ul li.visible:nth-child(21),
.list_team ul li.visible:nth-child(21),
.list_news ul li.visible:nth-child(21),
.list_case ul li.visible:nth-child(21),
.list_coop ul li.visible:nth-child(21),
.list_haibao ul li.visible:nth-child(21),
.list_pro ul li.visible:nth-child(21)  { transition-delay: 1.22s; }

.list_tssy ul li.visible:nth-child(22),
.list_team ul li.visible:nth-child(22),
.list_news ul li.visible:nth-child(22),
.list_case ul li.visible:nth-child(22),
.list_coop ul li.visible:nth-child(22),
.list_haibao ul li.visible:nth-child(22),
.list_pro ul li.visible:nth-child(22)  { transition-delay: 1.28s; }

.list_tssy ul li.visible:nth-child(23),
.list_team ul li.visible:nth-child(23),
.list_news ul li.visible:nth-child(23),
.list_case ul li.visible:nth-child(23),
.list_coop ul li.visible:nth-child(23),
.list_haibao ul li.visible:nth-child(23),
.list_pro ul li.visible:nth-child(23)  { transition-delay: 1.34s; }

.list_tssy ul li.visible:nth-child(24),
.list_team ul li.visible:nth-child(24),
.list_news ul li.visible:nth-child(24),
.list_case ul li.visible:nth-child(24),
.list_coop ul li.visible:nth-child(24),
.list_haibao ul li.visible:nth-child(24),
.list_pro ul li.visible:nth-child(24)  { transition-delay: 1.4s; }

.list_tssy ul li.visible:nth-child(25),
.list_team ul li.visible:nth-child(25),
.list_news ul li.visible:nth-child(25),
.list_case ul li.visible:nth-child(25),
.list_coop ul li.visible:nth-child(25),
.list_haibao ul li.visible:nth-child(25),
.list_pro ul li.visible:nth-child(25)  { transition-delay: 1.42s; }

.list_tssy ul li.visible:nth-child(26),
.list_team ul li.visible:nth-child(26),
.list_news ul li.visible:nth-child(26),
.list_case ul li.visible:nth-child(26),
.list_coop ul li.visible:nth-child(26),
.list_haibao ul li.visible:nth-child(26),
.list_pro ul li.visible:nth-child(26)  { transition-delay: 1.52s; }

.list_tssy ul li.visible:nth-child(27),
.list_team ul li.visible:nth-child(27),
.list_news ul li.visible:nth-child(27),
.list_case ul li.visible:nth-child(27),
.list_coop ul li.visible:nth-child(27),
.list_haibao ul li.visible:nth-child(27),
.list_pro ul li.visible:nth-child(27)  { transition-delay: 1.58s; }

.list_tssy ul li.visible:nth-child(28),
.list_team ul li.visible:nth-child(28),
.list_news ul li.visible:nth-child(28),
.list_case ul li.visible:nth-child(28),
.list_coop ul li.visible:nth-child(28),
.list_haibao ul li.visible:nth-child(28),
.list_pro ul li.visible:nth-child(28)  { transition-delay: 1.64s; }

.list_tssy ul li.visible:nth-child(29),
.list_team ul li.visible:nth-child(29),
.list_news ul li.visible:nth-child(29),
.list_case ul li.visible:nth-child(29),
.list_coop ul li.visible:nth-child(29),
.list_haibao ul li.visible:nth-child(29),
.list_pro ul li.visible:nth-child(29)  { transition-delay: 1.7s; }

.list_tssy ul li.visible:nth-child(30),
.list_team ul li.visible:nth-child(30),
.list_news ul li.visible:nth-child(30),
.list_case ul li.visible:nth-child(30),
.list_coop ul li.visible:nth-child(30),
.list_haibao ul li.visible:nth-child(30),
.list_pro ul li.visible:nth-child(30)  { transition-delay: 1.74s; }




.effect-1 li.animate { -webkit-animation:fadeIn .65s ease forwards; animation:fadeIn .65s ease forwards; }
@-webkit-keyframes fadeIn { 0%{}100%{opacity:1;} }
@keyframes fadeIn { 0%{}100%{opacity:1;} }

.effect-2 li.animate { -webkit-transform:translateY(150px); transform:translateY(150px); -webkit-animation:moveUp .65s ease forwards; animation:moveUp .65s ease forwards; }
@-webkit-keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0);opacity:1;} }
@keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} }

.effect-3 li.animate { -webkit-transform:scale(.6); transform:scale(.6); -webkit-animation:scaleUp .65s ease-in-out forwards; animation:scaleUp .65s ease-in-out forwards; }
@-webkit-keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }

.effect-4 { -webkit-perspective:1200px; perspective:1200px;}
.effect-4 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg); transform:translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation:fallPerspective .8s ease-in-out forwards; animation:fallPerspective .8s ease-in-out forwards; }
@-webkit-keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }
@keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }

.effect-5 { -webkit-perspective:1200px; perspective:1200px; }
.effect-5 li.animate { -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}
@-webkit-keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);opacity:1}}
@keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}

.effect-6 { -webkit-perspective:1200px; perspective:1200px; }
.effect-6 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotateX(-80deg); transform:rotateX(-80deg); -webkit-animation:flip .8s ease-in-out forwards; animation:flip .8s ease-in-out forwards}
@-webkit-keyframes flip { 0%{}100%{ -webkit-transform:rotateX(0deg); opacity:1;} }
@keyframes flip { 0%{}100%{-webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1;} }

.effect-7 { -webkit-perspective:1200px; perspective:1200px; }
.effect-7 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-animation:helix .8s ease-in-out forwards; animation:helix .8s ease-in-out forwards; }
@-webkit-keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); opacity:1;} }
@keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); opacity:1;} }

.effect-8 { -webkit-perspective:1200px; perspective:1200px; }
.effect-8 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scale(.4); transform:scale(.4); -webkit-animation:popUp .8s ease-in forwards; animation:popUp .8s ease-in forwards}
@-webkit-keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }