/* 首页 */
#fp-nav ul li {
  height: 34px !important;
  text-align: center;
}
#fp-nav ul li a span {
  width: 2px !important;
  height: 34px !important;
  border-radius: 3px !important;
  margin: 0 !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  top: auto !important;
  left: auto !important;
  position: initial !important;
  display: inline-block;
}
#fp-nav ul li a.active span {
  width: 4px !important;
  background-color: #0081d2 !important;
}
#fullpage .section {
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.slick1 .wrap {
  display: flex;
  align-items: center;
  height: 100%;
}
.swiper1 {
  height: 100%;
}
.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next {
  width: 80px;
  height: 80px;
  opacity: 0.3;
  transition: all 0.3s;
  position: absolute;
  top: calc(50% - 40px);
  z-index: 10;
  background-size: 80%;
}
.swiper1 .swiper-button-prev:hover,
.swiper1 .swiper-button-next:hover {
  opacity: 1;
}
.swiper1 .swiper-button-prev {
  left: 60px;
  background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzgwJyBoZWlnaHQ9JzgwJz48cGF0aCBkPSdNMjczLjIzMiA1MjcuOTI5bDQzMS4wMjcgNDM4LjI3OGM2LjY4NiA2Ljc5OCAxNy42MTkgNi44OTEgMjQuNDIgMC4yMDMgNi44MDEtNi42ODYgNi44OTEtMTcuNjIgMC4yMDMtMjQuNDJsLTQxOS4wMTgtNDI2LjA2NiA0MjQuNDc3LTQyNC40NzhjNi43NDMtNi43NDMgNi43NDMtMTcuNjc4IDAtMjQuNDIxLTMuMzcyLTMuMzcyLTcuNzkyLTUuMDU4LTEyLjIxMS01LjA1OHMtOC44NCAxLjY4Ny0xMi4yMTEgNS4wNThsLTQzNi41ODQgNDM2LjU4NGMtNi43MDUgNi43MDUtNi43NSAxNy41Ni0wLjEwMiAyNC4zMnonIGZpbGw9JyNmZmZmZmYnPjwvcGF0aD48L3N2Zz4=');
}
.swiper1 .swiper-button-next {
  right: 60px;
  background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzgwJyBoZWlnaHQ9JzgwJz48cGF0aCBkPSdNNzUwLjc2OCA0OTYuMDcxbC00MzEuMDI3LTQzOC4yNzhjLTYuNjg2LTYuNzk4LTE3LjYxOS02Ljg5MS0yNC40Mi0wLjIwMy02LjgwMSA2LjY4Ni02Ljg5MSAxNy42Mi0wLjIwMyAyNC40Mmw0MTkuMDE4IDQyNi4wNjYtNDI0LjQ3NyA0MjQuNDc4Yy02Ljc0MyA2Ljc0My02Ljc0MyAxNy42NzggMCAyNC40MjEgMy4zNzIgMy4zNzIgNy43OTIgNS4wNTggMTIuMjExIDUuMDU4czguODQtMS42ODcgMTIuMjExLTUuMDU4bDQzNi41ODQtNDM2LjU4NGM2LjcwNS02LjcwNSA2Ljc1LTE3LjU2IDAuMTAyLTI0LjMyeicgZmlsbD0nI2ZmZmZmZic+PC9wYXRoPjwvc3ZnPg==');
}
.section1 .wrap {
  display: flex;
  align-items: center;
  height: 100%;
}
.section1 .swiper-slide a.link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.section1 .swiper-slide .bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.section1 .text {
  font-size: 50px;
  font-weight: 700;
  line-height: 80px;
  text-align: left;
}
.section1 .text p {
  opacity: 0;
}
.section1 .swiper-slide-active .text p {
  animation: fadeInUp 1s forwards 1s;
  -webkit-animation: fadeInUp 1s forwards 1s;
}
.section1 .swiper-slide-active .text p:nth-child(1) {
  animation-delay: 0.2s;
}
.section1 .swiper-slide-active .text p:nth-child(2) {
  animation-delay: 0.4s;
}
.section1 .swiper-slide-active .text p:nth-child(3) {
  animation-delay: 0.6s;
}
.section1 .line-1 {
  display: inline-block;
  width: 84px;
  height: 63px;
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABBCAYAAACgsujXAAAAAXNSR0IArs4c6QAABFhJREFUeF7t3G3IX3Mcx/HPmyfU4okHKJnYWGblrixGYTQejGSmuclNG+UmzeSmsdSUkWyruYvVKKFMuc0md7HkpuamEFFylyeklgfycb4cuuJ/nZvrf67rOud/ft+n//P/Xed69Tt9v/9zvt+DUjQmYPtoSQtpbMWeL2T7PEmrgGMSagObwfbNkuYBS2O5hDokqu1HJH0P3PLPUgl1CFTbb0jaDGweu0xCnQCq7T0lfSFpKfDmf5dIqDVRbR8h6R1JhwDfDfp6Qq2BavssSbcD84q+llArotq+XtLxwNllX0moZUKSbN8v6VdgVYXDU0lVhmR7u6SngAfKjk0lVYmQ7d3zDH858EpV0FT8jyNl+1BJn+QZ/us6oAl1gJbtMyTdAxxWFzNd/oNBr5F0OnDmREHTTh0jZ3tDJHrg2mFAE2quZ/t5SS8BG4cFTah/16CfSboOeKEJ0F6j2p4p6UtJc4DPmwLtLartUyU9JOlg4I8mQXuJavsKSecAC5vG7GVJZfsuSTOAKycLtFc71fbW7EnnW8DdkwnaG1TbH0laDTwz2aAjj2p7/zzDHwt8PBWgI41q+0RJj+cZ/repAh1ZVNuXSroYOGkqMUc2+9teK2lf4LLpAB25nWr7CUk7gTumC3SkUG2/L+lO4MnpBB0JVNv75I89TgY+mG7QzqPaPk7Ss/ljj1/aANppVNvLJF0FzG8LZqezv+3bJM0CLmgbaCd3qu1H41cSsKaNoJ1Dtf22pE3AY20F7Qyq7b3yDL8Y2NFm0E6g2j5K0qt5hv+p7aCtR7V9rqQbgZj66Ey0tuvP9k2SjgSWdEYzP9FWotp+WNKPQEx9dC5ah2r7NUlbgJj66GS0BtX2HnmGXwa83knNqbj8bS8HHiwDsn24pPfyDP9t2fFt/3xSdqrtGZK+kTQbKCyDbC+WtBaY23asqufXOKrt6Ot8V9IBwM9FJ2J7paQFQEx9jEw0imo7uj42AHPKhGxvkrQLiKmPkYrGUG1fIul84LQyIdsvS9oK3Fd2bBc/bwTV9q2SZgLxFHPcsB1/LzrtVgDbughW5ZyHRs0aFiK7xxRx3OMsAp2V7eToBY1Ou6+qnFxXjxkK1XY0ysZlHG2JRaCLJK0HZncVqs55Txg170+6AXixBPTqbEB2ERBTH72I2qhjatAohQr7k2zfmw3I7gbE1EdvohZqzRr0uWxAdhuwvjea+T9aGbVmDfppNiC7Eoipj95FJdSqNajtA/ObInOByPS9jFJU26slHVShBj0l+2ka90HjjQ2/91KzyuWf16A/ZBMcUdwXlUzLJS0BYuqj9zHuTq1Rg66TtDewoveaRTu1Rg36dDYguwOIqY8Ug1Br1qA7szXWADH1kWKMwL+Xf9Ua1PZ+eYafD3yYNP8v8BdqPla4sew+aPY+kRMkRVNtZPhdCXSwALajFTHetVQ4Vpgfty57n8iChFksEKgXAtFJVxi2LwK2lB2XPpf+BMdzkMZa+tDmAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
.section1 .line-2 {
  display: inline-block;
  width: 84px;
  height: 63px;
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABBCAYAAACZ1VmMAAAAAXNSR0IArs4c6QAABGRJREFUeF7t223oXnMcx/HPhyfUmidaKJkYllkxaotRGI0HI5kxkdtRbtJMbhpLTRnJtpq7WEYJtSl3yyx3sbRRc1OIKLnLE1LLA3k7Xx1a7H/O9f9f5zrX+Z1z/Z6ec13XOa/zPef7vc7v+7NGo1QAmCVpnkv37PgOwAWSltk+foRVEAzA7ZJm2l4Uu42wxsACnpD0g+07/tllhLUHLOBtSettr9998whrNw1gX0lfSlpk+53/Oo6wchHgGEnvSzrc9vd7ujtHWJKAcyTdbXtmUfLvPBZws6QTbZ9bViV1Ggt4WNJvtpeVQXW6dABel/S87Ud6geokFrB3nvGutL21V6jOYQFHSvo0z3jfjAeqU1jAWZIesH3UeJE6VcEDN0g60/bZE4XqRGQBa6KUsn1jP1CtxwJelrTZ9tp+oVqNBXwu6Sbbr1QB1UosYKqkryRNt/1FVVCtwwJOl/SYpMNs/1klVKuwgGsknWd7XtVIrSodgPskTbJ97aCgWhFZwKZs5uVd2/cPEip5LOBjScttvzBoqGSxgIPyjHeC7U/qgEoSCzhZ0jN5xvu9LqjksIDLJV1q+5Q6kZLLhsBKSQfYvmIYUMlEFvCspJ227xkWVBJYwAeS7rX93DChGo0F7J+//j3V9ofDhmosFjBb0ov5699fmwDVSCxgsaTrbM9pClIjsyFwl6Rpti9uGlSjIgt4Kqpy2yuaCNUYLOA9SetsP91UqKFjAZPzjLfA9rYmQw0VCzhO0ht5xvu56VBDwwLOl3Sr7egCTmbU3kUD3CbpWNsLk1HKD7RWLOBxST/Zji7g5EZtWMCbkjbYji7gJMfAsYB98oy32PZbSSrVcRsCR0vakWe878aCAuKF3pNNhxxYZAELJK20PaMIAbhT0sG2r+okFrBU0lzb0QU85sgmHh7NVzHEf8LGj8ojC1gnaZft6AIugno1Wxez0XZMtycxKsUCXpO0yfZDJVAx3xcrrTYnoVTlAx4I9OhcWWJ7S8GDfJKkb/NbtLb5vqouSN+RBUyTFL1Q0bnydQFU9HJuzx/mv1R1AnV+T19YwHxJq20fUXLbRWfLGtvT6zy5qn9rwljA9dnCoPm2owu46EF+WRZ5F9o+o+qDr/v7JoQFPJgtDNrLdnQBF0FFDTXVdswkJz/GjQW8lC0M2mJ7dQlUUjVUL1dyXFjAZ9nCoKW2owu4KKKi6TVKiGRqqMqwgEPyP8MzbEfmK4KKGuoW21F0tmqURhZwWpbu4z1UrPD8Y6yzB5KuoXq5qoVYwNWSFtqOLuCiaEq+huoLC1glaT/bS0qgAnJt6jXUhLGAjdnCoG22owu4KKKihrpokO3UvZxEXfv87zYEdmY/vsJ2dAEXQS2XdGhbaqhewP/FAg7MM94c2x+VQEUN9WO2iiGKzs6Mv7Gy9cInSYpmsch4u0qgWllD9XLFDURrz6psvfDcsg/kfeetrKHKzj22B9YltjeU7Zy9AZ2SNW9MqbPvvOyY6t7+F3FDkcbD3XXjAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
.section1 .line-1 {
  opacity: 0;
}
.section1 .swiper-slide-active .line-1 {
  animation-delay: 1s;
  animation: fadeInLeft 0.5s forwards 1s;
  -webkit-animation: fadeInLeft 0.5s forwards 1s;
}
.section1 .line-2 {
  opacity: 0;
}
.section1 .swiper-slide-active .line-2 {
  animation: fadeInRight 0.5s forwards 1s;
  -webkit-animation: fadeInRight 0.5s forwards 1s;
  animation-delay: 1s;
}
.section1 .swiper-slide-active .bg {
  animation: amplify 30s forwards;
  transform-origin: center;
}
@keyframes amplify {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@-webkit-keyframes amplify {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.section1 .slide5 .more {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  padding: 0 20px;
  border-radius: 2px;
  display: inline-block;
  background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2Jz48cGF0aCBkPSdNNjcxLjU4OSA1MTEuNzExbC0zOS41MTgtMzkuNTE4LTIzMC42OTItMjMwLjY5Mi0wLjAyMSAwLjAyMWEyOC4xMTUgMjguMTE1IDAgMCAwLTAuODA5LTAuODUxYy0xMC45MzUtMTAuOTM1LTI4LjY2My0xMC45MzUtMzkuNTk4IDAtMTAuOTM1IDEwLjkzNS0xMC45MzUgMjguNjYzIDAgMzkuNTk4IDAuMjc4IDAuMjc4IDAuNTY0IDAuNTQ1IDAuODUxIDAuODA5bC0wLjAyMSAwLjAyMUw1OTIuNDcyIDUxMS43OWwtMjMxLjk0IDIzMS45NGMtMTAuOTM1IDEwLjkzNS0xMC45MzUgMjguNjYzIDAgMzkuNTk4czI4LjY2MyAxMC45MzUgMzkuNTk4IDBMNjcxLjY2OCA1MTEuNzlsLTAuMDc5LTAuMDc5eicgZmlsbD0nI2ZmZmZmZic+PC9wYXRoPjwvc3ZnPg==')
    no-repeat 95% center #30c2ff;
}
.section1 .notice {
  width: calc(100% - 27%);
  position: absolute;
  bottom: 20px;
  left: 13.5%;
  z-index: 1;
  font-size: 14px;
  color: #fff;
  text-align: left;
  background: url(../images/home/icon_msg.png) no-repeat left center;
  padding-left: 25px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.section1 .notice a {
  color: #fff;
}
.section1 .notice a:hover {
  text-decoration: underline;
}
.section2 .slide {
  position: relative;
  overflow: hidden;
  background-size: cover;
}
.section2 .fp-tableCell {
  display: flex;
  flex-direction: column;
}
.section2 .controller {
  position: absolute;
  z-index: 2;
  top: 130px;
  display: flex;
  font-size: 20px;
  color: #fff;
}
.section2 .controller div {
  padding: 3px 13px;
  border-radius: 50px;
  margin-right: 10px;
  cursor: pointer;
}
.section2 .controller div.active {
  color: #30c2ff;
  background: #fff;
}
.section2.active .custom-thums .swiper-slide {
  opacity: 0;
  animation: fadeInRight 0.8s forwards;
  -webkit-animation: fadeInRight 0.8s forwards;
}
.section2.active .custom-thums .swiper-slide:nth-child(1) {
  animation-delay: 0.5s;
}
.section2.active .custom-thums .swiper-slide:nth-child(2) {
  animation-delay: 0.6s;
}
.section2.active .custom-thums .swiper-slide:nth-child(3) {
  animation-delay: 0.7s;
}
.section2.active .custom-thums .swiper-slide:nth-child(4) {
  animation-delay: 0.8s;
}
.section2.active .custom-thums .swiper-slide:nth-child(5) {
  animation-delay: 0.9s;
}

/* 科研服务 */
.custom-thums {
  margin-top: 230px;
}
.custom-thums:after {
  content: '';
  position: absolute;
  width: 100%;
  border-top: 1px solid #fff;
  left: 0;
  margin-top: 10px;
}
.custom-thums .swiper-slide {
  width: 80px !important;
  height: 110px;
  cursor: pointer;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  animation: fadeOutLeft 0.3s forwards;
  -webkit-animation: fadeOutLeft 0.3s forwards;
}
.custom-thums .swiper-slide:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  bottom: -16px;
  left: calc(50% - 5px);
  transition: transform 0.3s ease-out;
}
.custom-thums .swiper-slide:not(:last-child) {
  margin-right: 13% !important;
}
.custom-thums .swiper-slide.swiper-slide-thumb-active:after {
  transform: scale(1.5);
}
.custom-thums .swiper-slide.swiper-slide-thumb-active .icon {
  background-color: #fff;
  animation: swing 0.5s forwards;
  -webkit-animation: swing 0.5s forwards;
}
.custom-thums .swiper-slide .icon {
  width: 70px;
  height: 70px;
  display: block;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 0 auto 6px;
  background: url(../images/home/service_icons.png) no-repeat;
  position: relative;
}
.custom-thums .swiper-slide .icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s ease-in;
}
.custom-thums .swiper-slide:not(.swiper-slide-thumb-active):hover .icon::after {
  transform: scale(1);
  opacity: 1;
}
.custom-thums .swiper-slide:not(.swiper-slide-thumb-active):hover .icon {
  animation: bounce 1s forwards;
}

.research-service-thumbs .swiper-slide:nth-child(2) .icon {
  background-position: -70px 0;
}
.research-service-thumbs .swiper-slide:nth-child(3) .icon {
  background-position: -140px 0;
}
.research-service-thumbs .swiper-slide:nth-child(4) .icon {
  background-position: -210px 0;
}
.research-service-thumbs .swiper-slide:nth-child(5) .icon {
  background-position: -280px 0;
}
.research-service-thumbs .swiper-slide:nth-child(1).swiper-slide-thumb-active .icon {
  background-position: 0 -70px;
}
.research-service-thumbs .swiper-slide:nth-child(2).swiper-slide-thumb-active .icon {
  background-position: -70px -70px;
}
.research-service-thumbs .swiper-slide:nth-child(3).swiper-slide-thumb-active .icon {
  background-position: -140px -70px;
}
.research-service-thumbs .swiper-slide:nth-child(4).swiper-slide-thumb-active .icon {
  background-position: -210px -70px;
}
.research-service-thumbs .swiper-slide:nth-child(5).swiper-slide-thumb-active .icon {
  background-position: -280px -70px;
}
.research-service,
.product {
  flex: 1;
}
.research-service .wrap,
.product .wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
.custom-text {
  text-align: left;
}
.custom-text .title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;
}
.custom-text .content {
  font-size: 14px;
  color: #fff;
  line-height: 1.75;
  width: 800px;
}
.custom-text .more {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #fff;
  color: #fff;
  padding: 0 20px;
  border-radius: 2px;
  display: inline-block;
  margin-top: 30px;
  background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2Jz48cGF0aCBkPSdNNjcxLjU4OSA1MTEuNzExbC0zOS41MTgtMzkuNTE4LTIzMC42OTItMjMwLjY5Mi0wLjAyMSAwLjAyMWEyOC4xMTUgMjguMTE1IDAgMCAwLTAuODA5LTAuODUxYy0xMC45MzUtMTAuOTM1LTI4LjY2My0xMC45MzUtMzkuNTk4IDAtMTAuOTM1IDEwLjkzNS0xMC45MzUgMjguNjYzIDAgMzkuNTk4IDAuMjc4IDAuMjc4IDAuNTY0IDAuNTQ1IDAuODUxIDAuODA5bC0wLjAyMSAwLjAyMUw1OTIuNDcyIDUxMS43OWwtMjMxLjk0IDIzMS45NGMtMTAuOTM1IDEwLjkzNS0xMC45MzUgMjguNjYzIDAgMzkuNTk4czI4LjY2MyAxMC45MzUgMzkuNTk4IDBMNjcxLjY2OCA1MTEuNzlsLTAuMDc5LTAuMDc5eicgZmlsbD0nI2ZmZmZmZic+PC9wYXRoPjwvc3ZnPg==')
    no-repeat 95% center;
}
.custom-text .list li {
  position: relative;
  padding-left: 13px;
  line-height: 36px;
}
.custom-text .list li:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #30c2ff;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
}
/* 试剂产品 */
.product-thumbs .swiper-slide:nth-child(1) .icon {
  background-position: -350px 0;
}
.product-thumbs .swiper-slide:nth-child(2) .icon {
  background-position: -420px 0;
}
.product-thumbs .swiper-slide:nth-child(3) .icon {
  background-position: -490px 0;
}
.product-thumbs .swiper-slide:nth-child(1).swiper-slide-thumb-active .icon {
  background-position: -350px -70px;
}
.product-thumbs .swiper-slide:nth-child(2).swiper-slide-thumb-active .icon {
  background-position: -420px -70px;
}
.product-thumbs .swiper-slide:nth-child(3).swiper-slide-thumb-active .icon {
  background-position: -490px -70px;
}
.section3 {
  background-color: #002e5a;
  text-align: center;
}
.section3 .title {
  font-size: 90px;
  margin-bottom: 45px;
  letter-spacing: 10px;
  opacity: 0;
  animation: fadeOutUp 0.5s forwards;
  -webkit-animation: fadeOutUp 0.5s forwards;
}
.section3.active .title {
  animation: fadeInUp 0.5s forwards 0.3s;
  -webkit-animation: fadeInUp 0.5s forwards 0.3s;
}
.section3 .desc {
  font-size: 28px;
  margin-bottom: 200px;
  opacity: 0;
  animation: fadeOutUp 0.5s forwards;
  -webkit-animation: fadeOutUp 0.5s forwards;
}
.section3.active .desc {
  animation: fadeInUp 0.5s forwards 0.6s;
  -webkit-animation: fadeInUp 0.5s forwards 0.6s;
}
.section3 ul {
  display: flex;
  justify-content: space-around;
}
.section3 .timer {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 8px;
}
.section3 .timer:after {
  content: '+';
}
#particles-js {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.section4 .title {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 30px;
  opacity: 0;
  animation: fadeOutUp 0.5s forwards;
  -webkit-animation: fadeOutUp 0.5s forwards;
}
.section4.active .title {
  animation: fadeInUp 0.5s forwards 0.5s;
  -webkit-animation: fadeInUp 0.5s forwards 0.5s;
}
.section4 .desc {
  font-size: 14px;
  width: 60%;
  line-height: 1.75;
  margin-bottom: 160px;
  opacity: 0;
  animation: fadeOutUp 0.5s forwards;
  -webkit-animation: fadeOutUp 0.5s forwards;
}
.section4.active .desc {
  animation: fadeInUp 0.5s forwards 0.8s;
  -webkit-animation: fadeInUp 0.5s forwards 0.8s;
}
.section4 .list {
  display: flex;
  font-size: 14px;
  opacity: 0;
  animation: lightSpeedOut 0.5s forwards;
  -webkit-animation: lightSpeedOut 0.5s forwards;
}
.section4.active .list {
  animation: lightSpeedIn 0.5s forwards 0.8s;
  -webkit-animation: lightSpeedIn 0.5s forwards 0.8s;
}
.section4 .list a {
  color: #fff;
}
.section4 .list a .icon {
  display: block;
  background-repeat: no-repeat;
  background-position: center 0;
  width: 56px;
  height: 36px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  margin: 0 auto 10px;
}
.section4 .list a:hover .icon {
  transform: scale(1.2);
}
.section4 .list a + a {
  margin-left: 75px;
}
.section4 .list a:nth-child(1) .icon {
  background-image: url('../images/home/introduction.svg');
}
.section4 .list a:nth-child(2) .icon {
  background-image: url('../images/home/develop.svg');
}
.section4 .list a:nth-child(3) .icon {
  background-image: url('../images/home/honor.svg');
}
.section4 .list a:nth-child(4) .icon {
  background-image: url('../images/home/culture.svg');
}
.section4 .list a:nth-child(5) .icon {
  background-image: url('../images/home/contact_us.svg');
}
.section4 .more {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #fff;
  color: #fff;
  padding: 0 20px;
  border-radius: 2px;
  display: inline-block;
  margin-top: 80px;
  background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2Jz48cGF0aCBkPSdNNjcxLjU4OSA1MTEuNzExbC0zOS41MTgtMzkuNTE4LTIzMC42OTItMjMwLjY5Mi0wLjAyMSAwLjAyMWEyOC4xMTUgMjguMTE1IDAgMCAwLTAuODA5LTAuODUxYy0xMC45MzUtMTAuOTM1LTI4LjY2My0xMC45MzUtMzkuNTk4IDAtMTAuOTM1IDEwLjkzNS0xMC45MzUgMjguNjYzIDAgMzkuNTk4IDAuMjc4IDAuMjc4IDAuNTY0IDAuNTQ1IDAuODUxIDAuODA5bC0wLjAyMSAwLjAyMUw1OTIuNDcyIDUxMS43OWwtMjMxLjk0IDIzMS45NGMtMTAuOTM1IDEwLjkzNS0xMC45MzUgMjguNjYzIDAgMzkuNTk4czI4LjY2MyAxMC45MzUgMzkuNTk4IDBMNjcxLjY2OCA1MTEuNzlsLTAuMDc5LTAuMDc5eicgZmlsbD0nI2ZmZmZmZic+PC9wYXRoPjwvc3ZnPg==')
    no-repeat 95% center;
  opacity: 0;
}
.section4.active .more {
  animation: lightSpeedIn 0.5s forwards 1s;
  -webkit-animation: lightSpeedIn 0.5s forwards 1s;
}