@charset "UTF-8";
/* css utf-8 编码声明  下面注释若有必要可自行删除
Write by 奇点网络 WWW.QIDIANRT.COM  QQ/WeChat：1195650011  Tel：15508600880
 */
/* 此CSS样式为奇点网络-李露露编写 类名通用加前缀 q_ */
:root{
	--white:#fff;
  --color:#333;
  --color-main:#f80059;
  --linear-color: linear-gradient(124deg, #fe3091, #da2b58);
  --linear-color-hover: linear-gradient(-124deg, #fe3091, #da2b58);
  --linear-background: linear-gradient(-34deg, #da2b58 0%, #fe3091 100%),linear-gradient(#f80059, #f80059);
  --linear-background-reverse: linear-gradient(-34deg, #fe3091 0%, #da2b58 100%),linear-gradient(#f80059, #f80059);
  --linear-background-hover: linear-gradient(34deg, #da2b58 0%, #fe3091 100%),linear-gradient(#f80059, #f80059);
  --header-h:80px;
  --header-h-reverse:-80px;
  --p:56px;
}
/*@font-face{*/
/*  font-family: SourceHanSansRegular;*/
/*  src: url('./fonts/SourceHanSans-Regular.otf');*/
/*}*/
/*@font-face{*/
/*  font-family: SourceHanSansBold;*/
/*  src: url('./fonts/SourceHanSans-Bold.otf');*/
/*}*/

@keyframes banner-contact-cycle-animate {
  0% {
    transform: scale(1);
    background-image: linear-gradient(0deg, #f80059 0%, #da2b58 100%);
    opacity: 0.2;
  }
  90% {
    transform: scale(12);
    background-image: linear-gradient(0deg, #fe3091 0%, #da2b58 100%);
    opacity: 0.05;
  }
  100% {
    transform: scale(14);
    background-image: linear-gradient(0deg, #fe3091 0%, #da2b58 100%);
    opacity: 0;
  }
}

/* q_scroll start! */
@keyframes downico {
  0% {margin-top: 0;opacity: 1;}
  35% {margin-top: 40px;opacity: 0;}
  65% {margin-top: -40px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
.q_scroll{width:23px;height:47px;margin-left: -11px;position: absolute;left:50%;bottom:100px;z-index: 3;cursor: pointer;}
.q_scroll img{animation: downico 1.5s ease-out infinite;}
@media(max-width: 640px){
  .q_scroll{display: none;}
}
/* q_scroll end! */

.fadeup_default{animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}

@-webkit-keyframes lv-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
     filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
     filter: blur(0px);
  }
}

@-webkit-keyframes lv-fadeInUp-short {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInUp-short {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
     filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
     filter: blur(0px);
  }
}

@-webkit-keyframes lv-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}


@-webkit-keyframes lv-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}


@-webkit-keyframes lv-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}