@import "./common.less";

body {
	font: 16px;
	color: #000;
	.d-flex;

	.flex-column;
	min-height: 100vh;
font-family: 'Aleo';
	@media (max-width: 768px) {}
}
@font-face {
	font-family:'cheng' ;
	src: url(../font/cheng.ttf);
}
@font-face {
	font-family:'Aleo' ;
	src: url(../font/Aleo-Italic-4.otf);
}
.layui-main{
    margin: 0 auto;
}

.index_swiper{
    width: 100vw;
    height: 100vh;
    .swiper {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        color: #fff;
        font-size: var(--ft30);
        .bg_img;
        .layui-main{
            height: 100%;
            .d-flex;
            .al-fe;
            padding-bottom: var(--p80);
        }
        width: 100%;
        height: 100%;
        .sub{
            
            transform:translateY(200px);
    		opacity:0;
    		transition:all 1s;
        }
        .cn{
            margin-top:20px;
font-family: 'cheng';
            
        }
        
    }
    .ani-slide .sub{
		transform:translateX(0);
		opacity:1;
		}
}
header{
  
    .layui-main{
        .d-flex;
        .al-fs; 
    }
}
main {
	flex: 1;
}

footer{
    color: #fff;
    .layui-main{
        .d-flex;
        .jc-fe;
    }
    p{
        .d-flex;
        .al-c;
        gap: vaR(--p10);
    }
    position: absolute;
    bottom: var(--p35);
    left: 0;
    right: 0;
    z-index: 5;
}
@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 990px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (min-width: 751px) and (max-width: 1400px) {}

@media only screen and (min-width: 751px) {}