:root {
    --swp: calc(100vw - 160px);
    --sw1: calc(var(--swp) / 12 * 1);
    --sw2: calc(var(--swp) / 12 * 2);
    --sw3: calc(var(--swp) / 12 * 3);
    --sw4: calc(var(--swp) / 12 * 4);
    --sw5: calc(var(--swp) / 12 * 5);
    --sw6: calc(var(--swp) / 12 * 6);
    --sw7: calc(var(--swp) / 12 * 7);
    --sw8: calc(var(--swp) / 12 * 8);
    --sw9: calc(var(--swp) / 12 * 9);
    --sw10: calc(var(--swp) / 12 * 10);
    --sw11: calc(var(--swp) / 12 * 11);
    --sw12: calc(var(--swp) / 12 * 12);
    --sw13: calc(var(--swp) / 12 * 13);
    --sw14: calc(var(--swp) / 12 * 14);
    --sw15: calc(var(--swp) / 12 * 15);
    --sw16: calc(var(--swp) / 12 * 16);
    --sh1: calc(100vh / 9 * 1);
    --sh2: calc(100vh / 9 * 2);
    --sh3: calc(100vh / 9 * 3);
    --sh4: calc(100vh / 9 * 4);
    --sh5: calc(100vh / 9 * 5);
    --sh6: calc(100vh / 9 * 6);
    --sh7: calc(100vh / 9 * 7);
    --sh8: calc(100vh / 9 * 8);
    --sh9: calc(100vh / 9 * 9);
    --ease1: cubic-bezier(0.42, 0, 0.58, 1)
}

@media screen and (min-width: 758px){

    .section{position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; z-index: 0; }
    .section.section_down { z-index: 10;}
    .section.section_an { z-index: 10;} 

    .home_body .header{transition: 0.7s 0s; transform: translateY(-100%);}
    .home_body .header.on1,
    .home_body .header.on{transform: translateY(0);}
    
    .section .home_title>div{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .section.section_down .home_title>div{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .section.section_an .home_title .txt{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.1s;}
    .section.section_an .home_title .tit{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.2s;}
    .section.section_an .home_title .tet{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.3s;}
    .section.section_an .home_title .tat{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.4s;}


    /* 第一屏动画 */
    .home_part1 .col_1 .d1{opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part1 .col_1 .d2{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part1 .col_2 form{ opacity: 0; transform: translateY(100%); transition:all 0.6s ease-out;}
    .home_part1 .col_3,
    .home_part1 .col_4{ opacity: 0; transition:all 1s ease-out;}

    .home_part1.section_down .col_1 .d1{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part1.section_down .col_1 .d2{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part1.section_down .col_2 form{ transform: translateY(100%) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part1.section_an .col_1 .d1{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 0.8s;}
    .home_part1.section_an .col_1 .d2{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 0.9s;}
    .home_part1.section_an .col_2 form{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.0s;}
    .home_part1.section_an .col_3,
    .home_part1.section_an .col_4{ opacity: 1; transition-delay: 1.1s;}


    .home_part1 .home_yuan .circle_one{ cx: 105%; cy: -5%; transition: all 1.0s ease-in;}
    .home_part1 .home_yuan.one .circle_one1{ r: 2800px; stroke-width: 800px; transition-delay:0.1s;}
    .home_part1 .home_yuan.one .circle_one2{ r: 3200px; transition-delay:0.1s;}
    .home_part1 .home_yuan.one .circle_one3{ r: 2400px; transition-delay:0.1s;}

    .home_part1 .home_yuan.one1 .circle_one1{ r: 50px; stroke-width: 30px; transition-delay:0.3s;}
    .home_part1 .home_yuan.one1 .circle_one2{ r: 65px; transition-delay:0.3s;}
    .home_part1 .home_yuan.one1 .circle_one3{ r: 35px; transition-delay:0.3s;}

    .home_part1 .home_yuan .circle_two{ cx: 106%; cy: 106%; transition: all 0.8s ease-in;}
    .home_part1 .home_yuan.one .circle_two1{ r: 4200px; stroke-width: 1800px; transition-delay:0.45s}
    .home_part1 .home_yuan.one .circle_two2{ r: 4200px; stroke-width: 1200px; transition-delay:0.5s}
    .home_part1 .home_yuan.one .circle_two3{ r: 4100px; transition-delay:0.5s}
    .home_part1 .home_yuan.one .circle_two4{ r: 3600px; transition-delay:0.56s}
    .home_part1 .home_yuan.one .circle_two5{ r: 3100px; transition-delay:0.56s}
    .home_part1 .home_yuan.one .circle_two6{ r: 2200px; transition-delay:0.56s;}

    .home_part1 .home_yuan.one1 .circle_two1{ r: 50px; stroke-width: 30px; transition-delay:0.3s}
    .home_part1 .home_yuan.one1 .circle_two2{ r: 40px; stroke-width: 20px; transition-delay:0.2s}
    .home_part1 .home_yuan.one1 .circle_two3{ r: 40px; transition-delay:0.2s}
    .home_part1 .home_yuan.one1 .circle_two4{ r: 23px; transition-delay:0.1s}
    .home_part1 .home_yuan.one1 .circle_two5{ r: 15px; transition-delay:0.1s}
    .home_part1 .home_yuan.one1 .circle_two6{ r: 5px; transition-delay:0.1s}

    


    /* 第二屏动画 */
    .home_part2 .back_video1 {clip-path: url(#clip-mask-circle02); }
    .home_part2 .back_video2{mask: url(#maskvideo444); z-index: 0;}
    .home_part2 .col_2{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part2.section_down .col_2{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part2.section_an .col_2{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.4s;}
    .home_part2.section_an .home_title .tat{transition-delay: 1.3s;}
    .home_part2 .home_yuan .circle_one{ cx: 50%; cy: 50%; transition: all 0.50s ease-out;}
    .home_part2 .home_yuan.on .circle_one1{ cx: 72%; cy: 59%; r: 1900px; transition-delay: 0.06s;}
    .home_part2 .home_yuan.on .circle_one2{ cx: 69%; cy: 65%; r: 1900px;}
    .home_part2 .home_yuan.on .circle_one3{ cx: 69%; cy: 65%; r: 1100px; stroke: rgba(255, 255, 255, 0.3);}

    .home_part2 .home_yuan1{ width: 120vw; height: 120vw; position: absolute; left: 50%; top: 50%; margin: -60vw 0 0 -60vw; z-index: 4;}
    .home_part2 .home_yuan1 .svg{ position: relative; z-index: 100; opacity: 1;}
    .home_part2 .home_yuan1 .circle{ stroke: #fff; stroke-width: 0;transition: all 0.4s;}
    .home_part2 .home_yuan1 .circle1{transition-delay:1.1s}
    .home_part2 .home_yuan1 .circle2{transition-delay:1s}
    .home_part2 .home_yuan1 .circle3{transition-delay:0.9s}
    .home_part2 .home_yuan1 .circle4{transition-delay:0.8s}
    .home_part2 .home_yuan1 .circle5{transition-delay:0.7s}
    .home_part2 .home_yuan1 .circle6{transition-delay:0.6s}
    .home_part2 .home_yuan1.one .circle{ stroke-width: 120px;transition: all 0.4s cubic-bezier(.49,.05,.96,.67);}
    .home_part2 .home_yuan1.one .circle1{transition-delay:0s}
    .home_part2 .home_yuan1.one .circle2{transition-delay:.1s}
    .home_part2 .home_yuan1.one .circle3{transition-delay:.2s}
    .home_part2 .home_yuan1.one .circle4{transition-delay:.3s}
    .home_part2 .home_yuan1.one .circle5{transition-delay:.4s}
    .home_part2 .home_yuan1.one .circle6{transition-delay:.5s}
    .home_part2 .home_yuan1.one1{ opacity: 0;}
    .home_part2 .home_yuan1.one2{ opacity: 1;}




    /* 第三屏 */
    .home_part3 .back_video{opacity: 0; transition: all 0.5s 0.4s var(--ease1); z-index: 0;}
    .home_part3.section_down .back_video{opacity: 0; transition:all 0.5s var(--ease1);}
    .home_part3.section_an .back_video{opacity: 1;}

    .home_part3 .col_2 li{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part3.section_down .col_2 li { transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part3.section_an .col_2 li:nth-child(1){transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.1s;}
    .home_part3.section_an .col_2 li:nth-child(2){transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.2s;}
    .home_part3.section_an .col_2 li:nth-child(3){transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.3s;}

    .home_part3 .home_yuan .svg{ position: relative; opacity: 1;}
    .home_part3 .home_yuan .circle_one{ cx: 100%; cy: 54%;  transition: all 0.3s ease-out;}
    .home_part3 .home_yuan.one .circle_one1{ cx: 50%; transition-delay:0.95s;}
    
    .home_part3 .home_yuan.scale .circle_one1{ stroke-width: 2750px; transition: all 0.5s ease-out;}
    .home_part3 .home_yuan.scale1 .circle_one1{ stroke-width: 2500px; transition: all 0.7s ease-out;}
    
    .home_part3 .home_yuan .circle_two{ cx: 0%; cy: 54%;  transition: all 0.3s ease-out;}
    .home_part3 .home_yuan.one .circle_two1{ cx: 50%; transition-delay:0.95s;}
    
    .home_part3 .home_yuan.scale .circle_two1{ stroke-width: 2750px; transition: all 0.5s ease-out;}
    .home_part3 .home_yuan.scale1 .circle_two1{ stroke-width: 2500px; transition: all 0.7s ease-out;}
    
    .home_part3 .home_yuan .circle_three{ cx: 50%; cy: 54%;  transition: all 0.4s ease-out;}
    .home_part3 .home_yuan.one .circle_three1{ r: 350px; transition-delay:0.95s;}
    
    .home_part3 .home_yuan.scale .circle_three1{ r: 100px; transition: all 0.5s ease-out;}
    .home_part3 .home_yuan.scale1 .circle_three1{ r: 350px; transition: all 0.7s ease-out;}
    
    .home_part3 .home_yuan.alpha .circle_one1{ opacity: 0.0;}
    .home_part3 .home_yuan.alpha .circle_two1{ opacity: 0.0;}
    .home_part3 .home_yuan.alpha .circle_three1{ opacity: 0.0;}
    
    .home_part3 .home_yuan.alpha1 .circle_one1{ opacity: 1; transition: all 0.2s linear;}
    .home_part3 .home_yuan.alpha1 .circle_two1{ opacity: 1; transition: all 0.2s linear;}
    .home_part3 .home_yuan.alpha1 .circle_three1{ opacity: 1; transition: all 0.2s linear;}
    
    .home_part3 .home_yuan.one1{ opacity: 0;}
    .home_part3 .home_yuan.one2{ opacity: 1;}
    
    .home_part3 .home_yuan .circle_right{ cx: -20%; cy: 54%;  transition: all 0.7s ease-out;}
    .home_part3 .home_yuan.one .circle_right_xian1{ r: 1200px;  transition-delay:0.0s;}
    .home_part3 .home_yuan.one .circle_right_xian2{ r: 650px;  transition-delay:0.4s; transition: all 0.7s ease-out;}
    .home_part3 .home_yuan.one .circle_right_xian1{ cx:50%; transition-delay:0.4s;}
    .home_part3 .home_yuan.one .circle_right_xian2{ cx:50%; transition-delay:0.6s;}
    
    .home_part3 .home_yuan.xian1 .circle_right_xian1{ opacity: 0; transition: all 0.1s ease-out;}
    .home_part3 .home_yuan.xian1 .circle_right_xian2{ opacity: 0; transition: all 0.1s ease-out;}    
    
    .home_part3 .home_yuan .circle_left{ cx: 120%; cy: 54%;  transition: all 0.7s ease-out;}
    .home_part3 .home_yuan.one .circle_left_xian1{ r: 1200px;  transition-delay:0.0s;}
    .home_part3 .home_yuan.one .circle_left_xian2{ r: 650px;  transition-delay:0.4s; transition: all 0.7s ease-out;}
    .home_part3 .home_yuan.one .circle_left_xian1{ cx:50%; transition-delay:0.4s;}
    .home_part3 .home_yuan.one .circle_left_xian2{ cx:50%; transition-delay:0.6s;}
    
    .home_part3 .home_yuan.xian1 .circle_left_xian1{ opacity: 0; transition: all 0.1s ease-out;}
    .home_part3 .home_yuan.xian1 .circle_left_xian2{ opacity: 0; transition: all 0.1s ease-out;}
    
    .home_part3 .home_yuan.opacity .circle_right_xian2{ stroke: rgba(255, 255, 255, 0.2);}
    .home_part3 .home_yuan.opacity .circle_left_xian2{ stroke: rgba(255, 255, 255, 0.2);}
    
    
    .home_part3 .home_yuan .circle_mask444{ cx: 50%; cy: 50%; transition: all 1.0s linear; z-index: 0;}
    .home_part3 .home_yuan.one .circle_mask1{ r: 2000px; transition-delay: 0.0s;}



    /* 第四屏 */
    .home_part4.section_an .home_title .txt{transition-delay: 0.8s;}
    .home_part4.section_an .home_title .tit{transition-delay: 0.9s;}
    .home_part4.section_an .home_title .tet{transition-delay: 1s;}
    .home_part4.section_an .home_title .tat{transition-delay: 1.1s;}
    .home_part4 .col_2{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part4.section_down .col_2{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part4.section_an .col_2{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.2s;}
    .home_part4 .home_yuan{ width: 120vw; height: 120vw; position: absolute; left: 50%; top: 90%; margin: -60vw 0 0 -60vw; z-index: 4;}
    .home_part4 .home_yuan .svg{ position: relative; z-index: 2; opacity: 1;}
    .home_part4 .home_yuan .circle{ cx: 50%; cy: 50%; stroke: #fff; stroke-width: 0;transition: all 1s ease-in;}
    .home_part4 .home_yuan .circle1{transition-delay:1.1s}
    .home_part4 .home_yuan .circle2{transition-delay:1s}
    .home_part4 .home_yuan .circle3{transition-delay:0.9s}
    .home_part4 .home_yuan .circle4{transition-delay:0.8s}
    .home_part4 .home_yuan .circle5{transition-delay:0.7s}
    .home_part4 .home_yuan .circle6{transition-delay:0.6s}
    .home_part4 .home_yuan.one .circle{ stroke-width: 250px;transition: all 0.4s cubic-bezier(.49,.05,.96,.67);}
    .home_part4 .home_yuan.one .circle1{transition-delay:0s}
    .home_part4 .home_yuan.one .circle2{transition-delay:.1s}
    .home_part4 .home_yuan.one .circle3{transition-delay:.2s}
    .home_part4 .home_yuan.one .circle4{transition-delay:.3s}
    .home_part4 .home_yuan.one .circle5{transition-delay:.4s}
    .home_part4 .home_yuan.one .circle6{transition-delay:.5s}
    .home_part4 .back_video{display: none;}
        

    /* 第五屏 */
    .home_part5 .back_video{mask: url(#clipmask2); }
    .home_part5.section_an .home_title .txt{transition-delay: 0.8s;}
    .home_part5.section_an .home_title .tit{transition-delay: 0.9s;}
    .home_part5 .col_2{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part5.section_down .col_2{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part5.section_an .col_2{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1s;}

    .home_part5 .home_yuan3{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; opacity: 0; transition: all 1.0s ease;}
    .home_part5 .home_yuan3 svg{ position: relative; opacity: 1; width: 100%; height: 100%;}
    .home_part5 .home_yuan3 .path1{ cx: 55%; cy: 135%; r: 800px; fill: none;stroke-width: 1px; stroke: #fff;  transition: all 1.0s ease-in;}
    .home_part5 .home_yuan3 .path_xian1{ stroke-width: 1px; stroke: #d62a32; fill:transparent; stroke-dasharray: 1800px,3200px; stroke-dashoffset: 50%; }
    .home_part5 .home_yuan3.xian{ opacity: 1; transition: all 1.0s ease;}
    .home_part5 .home_yuan3.xian .path_xian1{ animation: svg_text1 100s 1s linear infinite;}
    .home_part5 .home_yuan3.xian .path_xian2{ animation: svg_text2 100s linear infinite;}
    @keyframes svg_text1{
        100%{ stroke-dashoffset:0%;}
        0%{ stroke-dashoffset:10000%;}
    }

    .home_part5 .home_yuan3 .path2{ cx: 91%; cy: 12%; r: 800px; fill: none;stroke-width: 1px; stroke: #fff;  transition: all 1.0s ease-in;}
    .home_part5 .home_yuan3 .path_xian2{ stroke-width: 1px; stroke: #d62a32; fill:transparent; stroke-dasharray: 1500px,3300px; stroke-dashoffset: 50%;}
    @keyframes svg_text2{
        0%{ stroke-dashoffset:0%;}
        100%{ stroke-dashoffset:10000%;}
    }
    
    .home_part5 .home_yuan{ width: 100vw; height: 100vh; position: absolute; left: 50%; top: 50%; margin: -50vw 0 0 -50vw; z-index: 4;}
    .home_part5 .home_yuan .svg{ position: relative; z-index: 2; opacity: 1;}
    .home_part5 .home_yuan .circle{ cx: 50vw; cy: 60vh; stroke: #fff; stroke-width: 0;transition: all 0.4s cubic-bezier(.49,.05,.96,.67);}
    .home_part5 .home_yuan .circle1{transition-delay:0.5s}
    .home_part5 .home_yuan .circle2{transition-delay:0.4s}
    .home_part5 .home_yuan .circle3{transition-delay:0.3s}
    .home_part5 .home_yuan .circle4{transition-delay:0.2s}
    .home_part5 .home_yuan .circle5{transition-delay:0.1s}
    .home_part5 .home_yuan .circle6{transition-delay:0s}
    .home_part5 .home_yuan.one .circle{ stroke-width: 310px;transition: all 0.4s cubic-bezier(.49,.05,.96,.67);}
    .home_part5 .home_yuan.one .circle1{transition-delay:0.6s}
    .home_part5 .home_yuan.one .circle2{transition-delay:0.7s}
    .home_part5 .home_yuan.one .circle3{transition-delay:0.8s}
    .home_part5 .home_yuan.one .circle4{transition-delay:0.9s}
    .home_part5 .home_yuan.one .circle5{transition-delay:1.0s}
    .home_part5 .home_yuan.one .circle6{transition-delay:1.1s}

    .home_part5 .home_yuan2{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; opacity: 1;}
    .home_part5 .home_yuan2 svg{ position: relative; opacity: 1; width: 100%; height: 100%;}
    .home_part5 .home_yuan2 .circle_one{ cx: -80%; cy: 80%;  transition: all 1.0s cubic-bezier(.26,0,.85,.99);}
    .home_part5 .home_yuan2.one .circle_one1{ r: 3600px; stroke-width: 1000px; transition-delay:0.42s;}
    .home_part5 .home_yuan2.one .circle_one2{ r: 4100px;  transition-delay:0.42s}
    .home_part5 .home_yuan2.one .circle_one3{ r: 4300px;  transition-delay:0.54s}
    .home_part5 .home_yuan2.one .circle_one4{ r: 3800px; stroke-width: 1000px; transition-delay:0.54s;}
    .home_part5 .home_yuan2.one .circle_one5{ r: 4200px;  transition-delay:0.64s}
    .home_part5 .home_yuan2.one .circle_one7{ r: 3600px;  transition-delay:0.54s}



    /* 第六屏 */
    .home_part6 .back_video{ clip-path: url(#clipPathCenter); z-index: 0;}
    .home_part6.section_an .home_title .txt{transition-delay: 0.8s;}
    .home_part6.section_an .home_title .tit{transition-delay: 0.9s;}
    .home_part6.section_an .home_title .tet{transition-delay: 1s;}
    .home_part6.section_an .home_title .tat{transition-delay: 1.1s;}
    .home_part6 .item::after,
    .home_part6 .item li{ opacity: 0; transform: translateY(40px); transition:all 0.5s var(--ease1);}
    .home_part6.section_down .item::after,
    .home_part6.section_down .item li{ transform: translateY(40px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part6.section_an .item::after,
    .home_part6.section_an .item li{ transform: translateY(0) !important; opacity: 1 !important;}
    .home_part6.section_an .item li:nth-child(1){ transition-delay: 1s;}
    .home_part6.section_an .item li:nth-child(2){ transition-delay: 1.2s;}
    .home_part6.section_an .item li:nth-child(3){ transition-delay: 1.4s;}
    .home_part6.section_an .item li:nth-child(4){ transition-delay: 1.6s;}
    .home_part6.section_an .item::after{ transition-delay: 1.8s;}

    .home_part6 .tabs{ opacity: 0; transition: all 0.5s var(--ease1);}
    .home_part6.section_an .tabs{opacity: 1; transition-delay: 1.5s;}


    .home_part5 .col_2{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part5.section_down .col_2{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part5.section_an .col_2{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1s;}

    .home_part6 .home_yuan{z-index: 1;}
    .home_part6 .home_yuan .circle_one{ cx: -50%; cy: 80%; transition: all 0.80s cubic-bezier(.26,0,.85,.99);}
    .home_part6 .home_yuan.on .circle_one1{ r: 3500px; stroke-width: 1000px;}

    .home_part6 .home_yuan .circle_two{ cx: 50%; cy: 50%; transition: all 0.5s ease-out;}
    .home_part6 .home_yuan.on1 .circle_two1{ cx: 35.6%; cy: 47%; r: 1800px; transition-delay: 0.26s;}
    .home_part6 .home_yuan.on1 .circle_two2{ cx: 37%; cy: 40%; r: 1800px; transition-delay: 0.2s;}
    .home_part6 .home_yuan.on1 .circle_two3{ cx: 40%; cy: 37%; r: 980px; transition-delay: 0.2s; stroke: rgba(255, 255, 255, 0.3);}



    /* 第七屏 */
    .home_part7 .back_video{ mask: url(#maskvideo);}
    .home_part7 .col_2 ul{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part7.section_down .col_2 ul{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part7.section_an .col_2 ul{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.2s;}

    .home_part7 .col_2 .tat{ opacity: 0; transform: translateY(-100px); transition:all 0.6s ease-out;}
    .home_part7.section_down .col_2 .tat{ transform: translateY(-100px) !important; opacity: 0 !important; transition-delay: 0s;}
    .home_part7.section_an .col_2 .tat{ transform: translateY(0) !important; opacity: 1 !important; transition-delay: 1.3s;}

    .home_part7 .home_yuan .svg{ position: relative; opacity: 1;}
    .home_part7 .home_yuan svg{height: 117%;}
    .home_part7 .home_yuan .circle_mask{ cx: 50%; cy: 50%; transition: all 0.8s linear;}
    .home_part7 .home_yuan.on .circle_mask2{ r: 1100px; cy: 230%; transition-delay: 0.0s;}

    .home_part7 .home_yuan .circle_one{ cx: 50%; cy: 50%; transition: all 0.8s linear;}
    .home_part7 .home_yuan.on .circle_one1{ r: 1100px; cy: 230%; stroke-width: 50px; transition-delay: 0.0s;}
    .home_part7 .home_yuan.on .circle_one2{ r: 1000px; cy: 230%; transition-delay: 0.0s;}
    .home_part7 .home_yuan.on .circle_one3{ r: 1100px; cy: 228%; transition-delay: 0.0s;}

    .home_part7 .home_yuan.on .circle_one4{ r: 1000px; cy: 215%; stroke-width: 50px;}
    .home_part7 .home_yuan.on .circle_one5{ r: 1000px; cy: 215%; }

    .home_part7 .home_yuan.on .circle_one6{ r: 900px; cy: 210%; stroke-width: 100px; transition-delay: 0.1s;}
    .home_part7 .home_yuan.on .circle_one7{ r: 900px; cy: 205%; transition-delay: 0.1s;}
    .home_part7 .home_yuan.on .circle_one8{ r: 850px; cy: 210%; transition-delay: 0.1s;}

    .home_part7 .home_yuan .footer1{ x: 0%; y: 100%; transition: all 0.8s linear;}
    .home_part7 .home_yuan.on .line{ height: 18px; y: 92.8%; transition-delay: 0.3s;}

    .home_part7::after{height: 0;  transition: all 0.8s linear;}
    .home_part7.section_an::after{height: 15px; transition-delay: 0.3s;}



    .home_body{transition: 0.5s; position: relative; height: 100%;}
    .home_body .footer{position: absolute; top: calc(100%); width: 100%;}
    .fp-viewing-7 .home_body{transform: translateY(-15.63vw);}


}   
@media screen and (max-width: 1200px){
    .fp-viewing-7 .home_body{transform: translateY(-200px);}
    .home_part6 .home_yuan{left: 4vw;}
}


@media screen and (max-width: 1002px){
    .home_part2 .home_yuan {width: 110%;}
    .home_part3 .home_yuan svg {width: 110%; height: 117.88%; margin-left: -5%; margin-top: -5%;}
    .home_part6 .home_yuan{width: 140%; left: -30%;}
    .home_part7 .home_yuan{width: 140%;left: -20%;}


}

@media screen and (max-width: 758px){

    .home_yuan,
    .home_yuan1,
    .home_yuan2,
    .home_yuan3{display: none;}
    
    .home_part2 .back_video2{display: none;}

    .fp-viewing-7 .home_body{transform: translateY(0px);}

    .home_part1 .col_1 .d1,
    .home_part1 .col_1 .d2,
    .home_part1 .col_3{transform: translateY(-50px); opacity: 0; transition: 0.8s;}
    .home_part1 .col_2 form{transform: translateY(50px); opacity: 0; transition: 0.8s;}

    .home_part1.section_an .col_1 .d1{transform: translate(0); opacity: 1; transition-delay: 0.3s;}
    .home_part1.section_an .col_1 .d2{transform: translate(0); opacity: 1; transition-delay: 0.4s;}
    .home_part1.section_an .col_2 form{transform: translate(0); opacity: 1; transition-delay: 0.6s;}
    .home_part1.section_an .col_3{transform: translate(0); opacity: 1; transition-delay: 0.5s;}

    .home_title .txt{transform: translateY(-50px); opacity: 0; transition: 0.8s;}
    .home_title .tit{transform: translateY(-50px); opacity: 0; transition: 0.8s;}
    .home_title .tat{transform: translateY(-50px); opacity: 0; transition: 0.8s;}
    .section_an .home_title .txt{transform: translate(0); opacity: 1; transition-delay: 0.2s;}
    .section_an .home_title .tit{transform: translate(0); opacity: 1; transition-delay: 0.3s;}
    .section_an .home_title .tat{transform: translate(0); opacity: 1; transition-delay: 0.4s;}

    .section .col_2{transform: translateY(50px); opacity: 0; transition: 0.8s;}
    .section.section_an .col_2{transform: translate(0); opacity: 1; transition-delay: 0.5s;}

    .home_part1 .col_2{transform: translateX(-50%) !important; opacity: 1; transition: 0;}


    .home_part2 .back_video::after{transform: translateY(200px); opacity: 0; transition: 0.8s;}
    .home_part2.section_an .back_video::after{transform: translate(0); opacity: 1; transition-delay: 0.2s;}
    .home_part2.section_an .home_title .txt{transition-delay: 0.5s;}
    .home_part2.section_an .home_title .tit{transition-delay: 0.6s;}
    .home_part2.section_an .home_title .tat{transition-delay: 0.7s;}
    .home_part2.section_an .col_2{transition-delay: 0.8s;}



    .home_part4 .back_video::after{ margin-top: 200px;  transition: 0.8s;}
    .home_part4.section_an .back_video::after{ margin-top: 0px; transition-delay: 0.2s;}
    .home_part4.section_an .home_title .txt{transition-delay: 0.5s;}
    .home_part4.section_an .home_title .tit{transition-delay: 0.6s;}
    .home_part4.section_an .home_title .tat{transition-delay: 0.7s;}
    .home_part4.section_an .col_2{transition-delay: 0.8s;}


    .home_part6 .back_video::after{transform: translateY(200px); opacity: 0; transition: 0.8s;}
    .home_part6.section_an .back_video::after{transform: translate(0); opacity: 1; transition-delay: 0.5s;}


    .footer .col_2{transform: translateY(0); opacity: 1;}

}