body{
    background-image: linear-gradient(to bottom, #000000 9%,rgb(35,24,21) 25%,rgb(23,42,136) 50%, rgb(3,110,184) 65%,rgb(46,202,224) 75%,rgb(181, 236, 255) 90%) !important
}

/* banner总的实现 */
#header-canvas{
  /* 取消canvas */
  display: none !important;
}
.img-box{
  position: relative;
  display: block !important;
  width: 100vw;
}
#img1{
  width: 100%;
}

#title {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: "Times New Roman", Times, serif;
  font-size: 8vw; /* 可根据需求调整字号大小 */
  text-align: center;
}
.bg-cv {
  position: fixed;
  z-index: -1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.vedio-box{
    display: block !important;
    height: 60vh;
    width: 100vw;
    background-color: rgb(0, 0, 0);
}
#video1{
    display: flex;
    height: 90%;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
}
#header-canvas{
    /* 取消canvas */
    display: none !important;   
}
/* 公用CSS类 */
.light-word{
    /* height : 600px;*/
    font-size: calc(3vw);		
    color : white;			
    text-shadow: 0 0 8px #fff,0 0 16px #fff,0 0 24px #fff,0 0 32px #fff;
}

/* 主体PPT的CSS效果 */
#part-1{
    height: 80h;
    width: 100vw;
    text-align: center;
    font-size: 48px;
    line-height : 30vh;	 
}
#part-1 #sen-1,#part-1 #sen-2{
    height: 40vh;
}
#part-2{
    position: relative;
    height: 140vh;
    width: 100vw;
    overflow-y: hidden;
}
#factory{
    position: absolute;
    width: 40%;
    top: 10%;
    right: 0;
}
#fc-smoke{
    position: absolute;
    width: 35%;
    right: 10%;
}
#fc-river{
    position: absolute;
    transform: scaleX(-1);
    width: 100%;
    top: 22%;
}


/* 下面按钮的动画效果 */
.trans-container{
    position: relative;
    display: flex;
    justify-content: space-between;

}
.trans-page{
    position: relative;
    width: 18%;
    cursor: pointer;
    filter: none;
}
.trans-page:hover>img{
    filter: blur(3px);
}
.trans-page:hover .trans-title img{
    opacity: 1;
}
.trans-page:hover .trans-title{
    color: rgba(0,0,0,1);
}
.trans-page>img{
    box-shadow: 0px 0px 5px 4px;
    z-index: 0;
    width: 100%;
    border-radius: 10%;
    transition: filter 0.8s ease;

}
.trans-title{
    width: 100%;
    color: rgba(0,0,0,0);
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    font-weight: bold;
    transition: color 1s;
}
.trans-title>img{
    opacity: 0;
    width: 100%;
    transition: 1s;
}



/* 生成CSS */
.cls-1, .cls-2 {
  letter-spacing: 0em;
}

.cls-3 {
  fill: #b3cc66;
}

.cls-4 {
  letter-spacing: 0em;
}

.cls-4, .cls-5 {
  font-size: 59px;
}

.cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17 {
  font-family: BritannicBold, 'Britannic Bold';
}

.cls-6, .cls-18 {
  fill: #00509f;
  font-size: 34.59px;
}

.cls-19, .cls-20, .cls-21, .cls-7, .cls-22, .cls-23, .cls-24, .cls-25, .cls-9, .cls-10, .cls-2, .cls-26, .cls-11, .cls-27, .cls-28, .cls-29, .cls-13, .cls-30, .cls-15, .cls-31, .cls-32, .cls-33, .cls-34, .cls-35, .cls-16, .cls-17, .cls-36 {
  fill: #fff;
}

.cls-19, .cls-37, .cls-38, .cls-39, .cls-40, .cls-41, .cls-30, .cls-42, .cls-43, .cls-35, .cls-44 {
  font-size: 40.69px;
}

.cls-45 {
  stroke: #0aff1f;
}

.cls-45, .cls-46, .cls-47, .cls-48 {
  stroke-miterlimit: 10;
}

.cls-45, .cls-46, .cls-47, .cls-48, .cls-49 {
  fill: none;
}

.cls-45, .cls-48 {
  stroke-width: 12px;
}

.cls-50 {
  opacity: .7;
}

.cls-51 {
  letter-spacing: 0em;
}

.cls-52 {
  letter-spacing: 0em;
}

.cls-53 {
  opacity: .69;
}

.cls-20 {
  letter-spacing: 0em;
}

.cls-20, .cls-7, .cls-22, .cls-23, .cls-24, .cls-25, .cls-2, .cls-26, .cls-32, .cls-34, .cls-36 {
  font-size: 32.55px;
}

.cls-46 {
  stroke: #231815;
}

.cls-54 {
  letter-spacing: 0em;
}

.cls-54, .cls-55 {
  font-size: 48.83px;
}

.cls-56 {
  letter-spacing: 0em;
}

.cls-57 {
  letter-spacing: 0em;
}

.cls-58 {
  letter-spacing: 0em;
}

.cls-58, .cls-59, .cls-60, .cls-61, .cls-62 {
  font-size: 35.27px;
}

.cls-22 {
  letter-spacing: 0em;
}

.cls-63 {
  letter-spacing: 0em;
}

.cls-23 {
  letter-spacing: 0em;
}

.cls-8, .cls-64 {
  letter-spacing: 0em;
}

.cls-24, .cls-65, .cls-29, .cls-30, .cls-33, .cls-66 {
  font-family: CooperBlack, 'Cooper Black';
}

.cls-25 {
  letter-spacing: -.02em;
}

.cls-9 {
  font-size: 48px;
}

.cls-10 {
  font-size: 53.4px;
}

.cls-67 {
  letter-spacing: 0em;
}

.cls-68 {
  letter-spacing: -.03em;
}

.cls-64, .cls-69 {
  font-family: AdobeSongStd-Light-GBpc-EUC-H, 'Adobe Song Std';
  font-weight: 300;
}

.cls-70 {
  letter-spacing: 0em;
}

.cls-47 {
  stroke: #ddc9ff;
  stroke-width: 5px;
}

.cls-71 {
  letter-spacing: -.02em;
}

.cls-72 {
  opacity: .52;
}

.cls-73 {
  clip-path: url(#clippath-2);
}

.cls-26 {
  letter-spacing: 0em;
}

.cls-11 {
  font-size: 31.87px;
}

.cls-74 {
  letter-spacing: -.01em;
}

.cls-27 {
  opacity: .21;
}

.cls-75 {
  letter-spacing: 0em;
}

.cls-76 {
  letter-spacing: 0em;
}

.cls-77 {
  letter-spacing: -.02em;
}

.cls-78 {
  letter-spacing: 0em;
}

.cls-65 {
  fill: #4b7400;
  font-size: 44.76px;
}

.cls-79 {
  fill: #b4cc65;
}

.cls-48 {
  stroke: #b17fff;
}

.cls-80 {
  letter-spacing: 0em;
}

.cls-81 {
  opacity: .35;
}

.cls-82 {
  letter-spacing: -.01em;
}

.cls-83 {
  letter-spacing: -.05em;
}

.cls-12 {
  font-size: 55.61px;
}

.cls-38 {
  letter-spacing: 0em;
}

.cls-39 {
  letter-spacing: -.01em;
}

.cls-84 {
  clip-path: url(#clippath-1);
}

.cls-85 {
  clip-path: url(#clippath-4);
}

.cls-40 {
  letter-spacing: 0em;
}

.cls-86 {
  letter-spacing: 0em;
}

.cls-87 {
  fill: #172a88;
}

.cls-28, .cls-88 {
  font-size: 60px;
}

.cls-29 {
  font-size: 38.66px;
}

.cls-89 {
  fill: #5fc;
  font-size: 53.58px;
}

.cls-90 {
  font-size: 52.9px;
  letter-spacing: 0em;
}

.cls-13 {
  font-size: 21px;
}

.cls-41 {
  letter-spacing: 0em;
}

.cls-91 {
  letter-spacing: 0em;
}

.cls-92 {
  font-size: 79px;
  letter-spacing: 0em;
}

.cls-93 {
  letter-spacing: 0em;
}

.cls-93, .cls-94, .cls-95, .cls-96, .cls-97, .cls-98 {
  font-size: 45.44px;
}

.cls-93, .cls-94, .cls-95, .cls-96, .cls-98 {
  fill: #487400;
}

.cls-99 {
  opacity: .38;
}

.cls-94 {
  letter-spacing: -.03em;
}

.cls-100 {
  letter-spacing: -.03em;
}

.cls-15 {
  font-size: 32.39px;
}

.cls-31 {
  opacity: .44;
}

.cls-101 {
  letter-spacing: -.03em;
}

.cls-102 {
  letter-spacing: 0em;
}

.cls-103 {
  letter-spacing: 0em;
}

.cls-104 {
  clip-path: url(#clippath);
}

.cls-42 {
  letter-spacing: 0em;
}

.cls-105 {
  opacity: .53;
}

.cls-43 {
  fill: #d43b00;
}

.cls-106 {
  letter-spacing: 0em;
}

.cls-107 {
  opacity: .43;
}

.cls-108 {
  fill: #c7d63b;
}

.cls-96 {
  letter-spacing: -.02em;
}

.cls-32 {
  letter-spacing: 0em;
}

.cls-109 {
  clip-path: url(#clippath-3);
}

.cls-110 {
  fill: #c6d63f;
}

.cls-35 {
  letter-spacing: -.02em;
}

.cls-111 {
  letter-spacing: 0em;
}

.cls-112 {
  letter-spacing: 0em;
}

.cls-88 {
  fill: #ff5f64;
}

.cls-60 {
  letter-spacing: 0em;
}

.cls-61 {
  letter-spacing: 0em;
}

.cls-113 {
  clip-path: url(#clippath-5);
}

.cls-114 {
  letter-spacing: -.02em;
}

.cls-115 {
  opacity: .46;
}

.cls-116 {
  letter-spacing: 0em;
}

.cls-16 {
  font-size: 35.94px;
}

.cls-117 {
  letter-spacing: 0em;
}

.cls-118 {
  letter-spacing: 0em;
}

.cls-119 {
  fill: #7b55ff;
  letter-spacing: 0em;
}

.cls-120 {
  letter-spacing: 0em;
}

.cls-121, .cls-44 {
  letter-spacing: 0em;
}

.cls-122 {
  opacity: .61;
}

.cls-123 {
  letter-spacing: -.01em;
}

.cls-98 {
  letter-spacing: 0em;
}

.cls-62 {
  letter-spacing: 0em;
}

.cls-124 {
  letter-spacing: -.01em;
}

.cls-36 {
  letter-spacing: -.01em;
}