@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900&display=swap");
html{ font-size:14px; }
body{
 margin:0;
 padding:0;
 background-color:#fff;
 overflow-x:hidden;}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{letter-spacing:0px;margin:0;padding:0}
h2{letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}
video::-webkit-media-controls{display:none !important;}

.switch-bg-video {border-radius: 20px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

/*数字*/
.digitalall{padding:10vw 7%;background: #fff;
    z-index: 999;
    position: relative;}
.digital{width:100%;height: auto;padding:0 0px;color: #fff;margin:4vw 0% 0 0%;z-index:99;/*background: #f3f3f3bf;*/position: relative;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;}
	
.title{width: 100%;
    overflow: hidden;}
.titlel{float: left;z-index: 999;
    position: relative;
    width: 50%;}
.titlel dd{font-size: 1vw;color: #333;}
.titlel h2{font-size: 8vw;font-family: "Poppins", sans-serif;font-weight: 800;line-height: 10vw;padding:0 0 1vw 0;color: #fff;}
.titler{float: right;z-index: 999;
    position: relative;
    width: 50%;}
.titler img{width: 100%;
    border-radius: 20px;}
	
.mainll{width: 100%;height: auto;margin:0 auto;font-size: 0;}

.mainll ul{padding:0vw 0 8vw 0;overflow: hidden;z-index: 999;margin: 0 0% 0 0%;
    position: relative;}
.mainll ul li{width: 25.65%;background: #ffffff85;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    margin:0 2% 2% 0%;
    border-radius: 20px;
    float: left;
    padding: 3%;}
.mainll ul li:nth-child(3n) {
    margin: 0 0% 2% 0%;
}
.mainll ul li dd{font-size: 0.9vw;
    color: #666;
    padding-bottom: 1vw;}
.mainll ul li h4{font-size: 1.2vw;font-weight: normal;
    color: #000;
    padding-bottom: 3vw;}
.mainll ul li span{font-size: 0.9vw;display: block;
    color: #666;
    padding-bottom: 1vw;}
.mainll ul li img{width: 3vw;}

.shuziyi{background-color: hsla(0, 0%, 100%, 0) !important; padding: 1% 0% 3% 0% !important;color: #000;
    font-size: 3.5vw;font-weight: normal;line-height: 4.2vw;
    width: 85% !important;}
	
fuwu {
    position: relative;
    padding:0vw 0 0 0 !important;
    margin-bottom: 0 !important;
}
.fuwu .dise {
  position: absolute;
  left: 0;
  top: 8vw;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fuwu .dise .animate-1 {
  border-radius: 50%;
  background: #ee3753;
  filter: blur(150px);
  position: absolute;
  top: -3%;
  left: -14%;
  animation: animate1 80s linear infinite alternate;
  width: clamp(350px, 25.438vw, 550px);
  height: clamp(350px, 25.438vw, 550px);
}
@keyframes animate1 {
  0% {
    left: 50%;
    top: 0%;
  }
  20% {
    left: 0%;
    top: 32%;
  }
  40% {
    left: 10%;
    top: 70%;
  }
  60% {
    left: 50%;
    top: 0%;
  }
  80% {
    left: 95%;
    top: 30%;
  }
  100% {
    left: 0%;
    top: 0%;
  }
}

.qqbg{position: absolute;
    left: 0;
    bottom: -15vw;}
.qqbg img{}