/* 首页动画 */

.content_body{ height: 100%; width: 100%;}
.load_body{ width: 100%; height: 100%; overflow: hidden; position: absolute;} 
.load{ position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; z-index: 99; pointer-events: none; display: block;}
.load .icon{ width: 100%; height: 100%; position: absolute; left:0; top: 0; display: flex; z-index: 10; justify-content: center; align-items: center; transition: 0.6s;}
.load .logo{ text-align: center;animation: logo 2s ease infinite; position: absolute;}
.load .logo img{ margin: 0 auto; width: 16.67vw; }
.load .icon.on{ opacity: 0;}
.load .bg.on{ opacity: 0;}
.loading-bar{ position: absolute; bottom: 0; width: 100%; height: 0.42vw; background: #16A4C5; transform: scaleX(0); transform-origin: top left; transition: transform 0.5s; z-index: 1000; will-change: transform;}
.loading-bar.ended{ transform-origin: top right; transition: transform 1s ease-in-out;}
.loading-bg{ position: absolute; width: 100%; height: 100vh; left: 0; top: 0; background: linear-gradient(123deg, #00111F 6.63%, #07477D 98.24%); z-index: 98; pointer-events: none;}

.home_body .header{transition: 1.2s; transform: translateY(-110%);}
.home_body .header.on{transform: translateY(0);}
.home_part1 .cont{ transition: 1.5s; opacity: 0; transform: translateY(2.08vw);  }
.home_part1 .cont.on{opacity: 1; transform: translateY(0);}


.home_part1 .bg_box{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; display: block;}
.home_part1 .bg_box .bg_light{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(../images/home/part1/s1_light.png) center no-repeat; background-size: cover;}
.home_part1 .bg_box .bg_canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home_part1 .bg_box .bg_canvas::before,
.home_part1 .bg_box .bg_canvas::after{content: ""; position: absolute; left:0px; top: 0;  width: 100%; height: 100%; z-index: 1; pointer-events: none; background-position: center; background-size: cover;}
.home_part1 .bg_box .bg_canvas::before{background-image:url(../images/home/part1/s1_bg.png);}
.home_part1 .bg_box .bg_canvas::after{background-image:url(../images/home/part1/s1_light02.png); mix-blend-mode: soft-light; opacity: 0.6;  }


.home_part1 .point{position: absolute; top: 50%; left: 50%; font-family: 'Silkscreen-Regular'; line-height: 1.3; z-index: 1;}
.home_part1 .point .d1{font-size: 0.73vw; letter-spacing: -1.12px;}
.home_part1 .point .d2{font-size: 0.63vw; letter-spacing: -0.96px;}
.home_part1 .point-0{display: flex; width: 8.39vw; align-items: center; justify-content: space-between; border-bottom: 0.05vw solid rgba(255, 255, 255, 0.50); padding-bottom: 0.52vw; position: relative;}
.home_part1 .point-0::after{content: ''; position: absolute; left: 100%; bottom: -1px; width: 2.76vw; height: 0.05vw; background: rgba(255, 255, 255, 0.50); transform: rotate(45deg); transform-origin: left top;}
.home_part1 .point-0 .ip{font-size: 2.08vw; letter-spacing: -3.2px; line-height: 1;}
.home_part1 .point-0 .dd{text-align: right;}
.home_part1 .point-0 .dd>div{height: 0.94vw; min-width: 1px;}
.home_part1 .point-1{text-align: right; width: 7.97vw; border-bottom: 0.05vw solid rgba(255, 255, 255, 0.50); padding-bottom: 0.52vw;}


.home_title>div,
.home_part2 .cont>div,
.home_part3 form ul,
.home_part3 form .but,
.home_part4 .list .item,
.home_part5 .list,
.home_part6 .cont,
.home_part6 .pic
{transform: translateY(40px); transition: 1.5s 0s; opacity: 0;}

.home_part2 .cont.on .d2{transition-delay: 0.2s;}
.home_part2 .cont.on .d3{transition-delay: 0.4s;}

.home_part3 form.on ul{transition-delay: 0.2s;}
.home_part3 form.on .but{transition-delay: 0.4s;}

.home_part4 .list.on .item:nth-child(1),
.home_part4 .list.on .item:nth-child(2){transition-delay: 0.2s;}
.home_part4 .list.on .item:nth-child(3),
.home_part4 .list.on .item:nth-child(4){transition-delay: 0.4s;}
.home_part4 .list.on .item:nth-child(5),
.home_part4 .list.on .item:nth-child(6){transition-delay: 0.6s;}

.home_part5 .list.on{transition-delay: 0.2s;}

.home_part6 .cont.on{transition-delay: 0.2s;}
.home_part6 .pic.on{transition-delay: 0.4s;}

.home_part2 .cont.on>div,
.home_title.on>div,
.home_part3 form.on ul,
.home_part3 form.on .but,
.home_part4 .list.on .item,
.home_part5 .list.on,
.home_part6 .cont.on,
.home_part6 .pic.on
{transform: translateY(0); opacity: 1; }


@media screen and (max-width: 1200px){
    .home_part1 .point-0 .ip{font-size: 18px;}
    .home_part1 .point .d1{font-size: 9px;}
    .home_part1 .point .d2{font-size: 8px;}
    .load .logo img{width: 200px;}

}
@media screen and (max-width: 758px){
    .home_part1 .point-0{width: 80px; padding-bottom: 5px;}
    .home_part1 .point-0 .dd>div{height: 10px;}
    .home_part1 .point-1{width: 80px; padding-bottom: 5px;}
}