html,body {font-size:18px;}
@media screen and (max-width: 1680px) {
    html,body {font-size:18px;}
}
@media screen and (max-width: 1440px) {
    html,body {font-size:17px;}
}
@media screen and (max-width: 992px) {
    html,body {font-size:16px;}
}
@media screen and (max-width: 767px) {
    html,body {font-size:15px;}
}
@media screen and (max-width: 414px) {
    html,body {font-size:14px;}
}
body{font-family:"HarmonyOS_Regular",Verdana,Arial, Geneva,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","sans-serif" !important;}
ul,li{list-style: none; margin:auto; padding: 0px;}
i,em{font-style: normal;}
a:hover{text-decoration: none;}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}
.row.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.center{width: 1600px;margin: 0 auto;}
@media (max-width: 1600px){.center{width: 96%;}}
.semibold {
	font-weight: 400;
}

nav{position: absolute;top: 50px;left: 80px;z-index: 100;}
nav .wrap{display:flex;    align-items: center; color:#FFFFFF;}
nav .wrap h3{margin-left:10px; font-size:34px; font-weight: 500;}

.home-banner{position: relative; z-index: 1;width:100%;height: 100vh;}
.home-banner img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.home-banner .container{text-align: center; color:#FFFFFF;}
.home-banner .container h1{font-size:50px; font-weight: bold;}
.home-banner .container h4{font-size:24px; font-weight: 500; margin-top:1.5rem;}
.home-banner .container .position-absolute{left: 0;right: 0;}


.home-banner .more{margin-top:100px; display:flex;    justify-content: center;}
.home-banner .more a{border:1px solid #FFFFFF;width:290px; height: 70px; display:flex;border-radius: 0px;
    align-items: center;
    justify-content: center; font-family: "iconfont";color: #FFFFFF; margin-right:20px; border-radius: 0px;font-size: 1.2rem;transition: 0.3s}
.home-banner .more a:before{margin-right:5px;}
.home-banner .more a:after{content:"\e659"; width:20px; height: 20px; display:flex; justify-content: center;align-items: center; margin-left:10px;background:#FFFFFF; border-radius: 100px;color: #aaa;}
.home-banner .more a:nth-child(1){background-color:transparent;}
.home-banner .more a:nth-child(1):before{content:"\e6f7"; margin-right: 10px;}
.home-banner .more a:nth-child(2){background-color:#d37322;}
.home-banner .more a:nth-child(2):before{content:"\e62c";font-size: 30px;}
.home-banner .more a:nth-child(2):after{color: #d37322;}

.home-banner .more a:hover{transform: translateY(-5px);transition: 0.3s;}
.home-banner .more a:nth-child(1):hover{}

footer{    z-index: 100;
    color: #FFFFFF;
    font-size: 14px;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    text-align: center;
	line-height: 2;
}
@media screen and (max-width: 1024px) and (max-height: 600px)
{
	nav{top:3rem;left: 3rem;}
	.home-banner .container .position-absolute{padding:0px 5vw;
		width:100%;
		top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
	.home-banner .container h1{font-size:2.6rem;}
	.home-banner .more{margin-top:3rem;}
	.home-banner .more a{margin:1rem;}
	footer{bottom:50px;}
}
@media screen and (max-width: 1023px)
{
	nav{top:3rem;left: 3rem;}
	.home-banner .container .position-absolute{padding:0px 5vw;
		width:100%;
		top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
	.home-banner .container h1{font-size:2.6rem;}
	.home-banner .more{display:flex; flex-direction: column; margin-top:5rem;}
	.home-banner .more a{margin:1rem 0px;}
	
}

@media screen and (max-width: 767px)
{
	.home-banner .container .position-absolute{padding:0px 3vw;}
	.home-banner .container h1{font-size:2.3rem;}
	footer div{display:flex; flex-direction: column;}
}
@media screen and (max-width: 767px) and (max-height: 720px)
{
	.home-banner .more{margin-top:2rem;}
	footer{bottom:50px;}
}
@media screen and (max-width: 430px)
{
	.home-banner .container .position-absolute{padding:0px 15px;}
	.home-banner .container h1{font-size:1.8rem;}
	.home-banner .container h4{font-size:1.2rem; line-height: 2;}
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	.home-banner .container h1{font-size:1.5rem;}
	.home-banner .more{margin-top:2rem;}
	.home-banner .more a{height:65px; margin:10px 0px;}
	footer{bottom:50px;}
}

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

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