* {
	margin: 0;
	padding: 0;
}

html {
	font-size: .75444vw;
}
.model img{
	vertical-align: top;
}
@media (min-width: 769px) {
	/* 导航栏 */
	.nav-bar{
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2vw 3vw;
		background-color: transparent;
		width: 100%;
		z-index: 10;
		transition-duration: .5s;
	}
	.navBack{
		background-color: #000000;
	}
	.nav-bar>div{
		width: 33%;
	}
	.nav-bar .svakom-logo{
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 30px;
		font-weight: bold;
	}
	.nav-bar .bar-list{
		display: flex;
		flex-wrap: wrap;
	}
	.nav-bar .bar-list a{
		text-decoration: none;
		color: #FFFFFF;
		font-size: 16px;
		margin-left: 25px;
	}
	/*  */
	.model-banner {
		position: relative;
	}

	.model-banner img {
		width: 100%;
		vertical-align: top;
	}

	.model-banner .banner-text {
		position: absolute;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 53px;
		color: #FFFFFF;
	}

	.model-banner .banner-tab {
		position: absolute;
		bottom: 0;
		right: 2%;
		display: flex;
	}

	.model-banner .menu {
		display: inline-block;
		padding: 13px 45px;
		font-size: 24px;
		font-weight: 400;
		cursor: pointer;
	}

	.model-banner .backActive {
		background-color: rgba(250, 250, 250, .5);
	}

	/*  */
	.video {
		max-width: 1200px;
		margin: 0 auto;
		padding: 250px 0;
	}

	.video .vide-txt1 {
		font-size: 7rem;
		background: linear-gradient(to top, #929292, #D9D9D9);
		-webkit-background-clip: text;
		color: transparent;
		font-weight: bold;
	}

	.video .vide-but {
		display: flex;
		justify-content: space-between;
	}

	.video .vide-but .vide-text {
		/* display: flex;
		flex-direction: column;
		justify-content: space-between; */
		padding: 10px 0;
	}
	.video .vide-but .vide-src{
		width: 60%;
		flex-shrink: 0;
	}
	.video .vide-but .vide-src img{
		width: 100%;
	}
	.video .vide-but .txt1 {
		display: block;
		font-size: 110px;
		line-height: 1;
		color: #e2e2e2;
		font-weight: bold;
	}

	.video .vide-but .txt2 {
		width: 95%;
		display: block;
		font-size: 16px;
		color: #909098;
		line-height: 2;
		margin-bottom:15px;
	}

	.model-text {
		max-height: 0;
		overflow-y: scroll;
		transition-duration: .5s;
	}

	.more-but {
		display: inline-block;
		text-decoration: none;
		padding: 30px 60px;
		line-height: 1;
		font-size: 18px;
		color: #FFFFFF;
		background-color: #000000;
		cursor: pointer;
		transition-duration: .5;
	}
	.more-but:hover{
		background-color: rgba(0,0,0,.8);
	}
	/*  */
	.introduce {
		background-color: #EEEAE7;
		padding: 12rem;
		/* height: 150rem; */
	}

	.introduce>div {
		display: flex;
		align-items: center;
	}

	.introduce>div img {
		/* width: 40%; */
		width: 50rem;
	}

	.introduce .int-top {
		/* margin-bottom: -10rem; */
	}

	.introduce .int-top .int-text {
		margin: 0 0 130px 100px;
		/* text-align: right; */
		width: 45%;
	}

	.introduce .int-top ul {
		padding-left: 20px;
	}

	.introduce .int-but {
		justify-content: space-between;
	}
	.introduce .int-but .int-text {
		margin: 0 130px 130px 0;
	}
	.introduce .txt1 {
		font-size: 43px;
		line-height: 1.2;
		font-weight: bold;
	}

	.introduce .txt2 {
		font-size: 16px;
		line-height: 1.8;
		color: #909098;
		margin: 20px 0;
	}

	/*  */
	.mobile-winners{
		display: none;
	}
	.content-two {
		position: relative;
		padding: 8rem 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 85rem;
	}

	.about-imgs {
		width: 100%;
		height: 100%;
		position: absolute;
	}

	.about-imgs li {
		position: absolute;
		list-style: none;
	}

	.about-imgs li:nth-child(1) {
		width: 18.5rem;
		top: 18rem;
		left: 0;
	}

	.about-imgs li:nth-child(2) {
		width: 13rem;
		top: 35rem;
		left: 20%;
	}

	.about-imgs li:nth-child(3) {
		width: 18.8rem;
		top: 20rem;
		left: 38%;
	}

	.about-imgs li:nth-child(4) {
		width: 14.5rem;
		top: 30rem;
		left: 60%;
	}

	.about-imgs li:nth-child(5) {
		width: 16rem;
		top: 22rem;
		left: 78%;
		z-index: -1;
	}

	.about-imgs li:nth-child(6) {
		width: 20.5rem;
		top: 58rem;
		left: 14%;
		z-index: 2;
	}

	.about-imgs li:nth-child(7) {
		width: 12.8rem;
		top: 64rem;
		left: 40%;
	}

	.about-imgs li:nth-child(8) {
		width: 16.2rem;
		top: 66rem;
		left: 56%;
	}

	.about-imgs li:nth-child(9) {
		width: 14.5rem;
		top: 50rem;
		left: 72%;
	}

	.about-imgs li:nth-child(10) {
		width: 17.5rem;
		top: 55rem;
		right: 0%;
	}

	.about-imgs li img {
		width: 100%;
		height: 100%;
		vertical-align: top;
	}

	.about-content {
		text-align: center;
		width: 38%;
		text-transform: uppercase;
		margin-top: 8rem;
	}

	.about-content h2 {
		font-size: 6.8rem;
		line-height: 1.2;
	}

	.about-content .txt {
		font-size: 16px;
		color: #909098;
		line-height: 2;
	}

	.content-two .winners>img {
		width: 30rem;
		position: absolute;
		z-index: 1;
	}

	.content-two .winners .winner01 {
		top: 52rem;
		left: 3%;
		transform: translate(0, -50%) rotate(90deg);
	}

	.content-two .winners .winner03 {
		top: 48rem;
		left: 24%;
		transform: translate(0, -50%);
	}

	.content-two .winners .winner02 {
		bottom: 20rem;
		left: 60%;
		transform: translate(0, -50%);
		z-index: -1;
	}

	.content-two .winners .winner04 {
		top: 41rem;
		left: 63%;
		transform: translate(0, -50%);
		z-index: -1;
	}

	/*  */
	.footer-mail {
		position: relative;
		text-align: center;
		color: #FFFFFF;
	}

	.footer-mail>img {
		width: 100%;
	}

	.footer-mail .mail-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.footer-mail h2 {
		font-size: 3.5rem;
		font-weight: 300;
		text-transform: uppercase;
		margin-bottom: 30px;
	}

	.footer-mail .bottom-bot {
		color: #FFFFFF;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 650px;
		margin: auto;
		border: 1px solid #FFFFFF;
		padding: 10px 15px;
		cursor: pointer;
	}

	.footer-mail span {
		line-height: 1.2;
		font-weight: 300;
	}

	.footer-mail .sign {
		font-size: 30px;
	}

	.footer-mail .txt {
		font-size: 25px;
	}
	/* swiper */
	.swiper {
		--swiper-navigation-color: #FBFBFB;
		/* 单独设置按钮颜色 */
		--swiper-navigation-size: 45px;
		/* 设置按钮大小 */
	}
	.swiper-slide .swiper-text {
		font-size: 3rem;
		transform: translate(-50%, -10%);
	}
	/*  */
	.footer{
		background-color: #000000;
		padding: 40px 100px;
	}
	.footer .icon-list{
		display: flex;
		align-items: center;
	}
	.footer .icon-list .icon{
		margin-right: 40px;
	}
	.footer .icon-list img{
		width: 20px;
	}
	.footer .footer-text{
		font-size: 14px;
		text-align: center;
		color: #FFFFFF;
		margin-top: 30px;
	}
	/* 倒计时 */
	.count-down{
		margin-top: 100px;
	}
	.count-down .countDown-text{
		text-align: center;
		font-size: 40px;
		margin-bottom: 40px;
	}
	.count-down .countDown-content{
		display: flex;
		justify-content: center;
	}
	.count-down .count{
		margin-right: 40px;
	}
	.count-down .time{
		display: inline-block;
		color: #000000;
		font-size: 50px;
		font-weight: bold;
		text-align: center;
	}
	.count-down .time-suffix{
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
	}
	/* winners布局 */
	.new-winners{
		position: relative;
	}
	.new-winners img{
		width:100%;
	}
	.new-winners .winners-content{
		width: 50%;
		position: absolute;
		top: 50%;
		right: 5%;
		transform: translateY(-50%);
		color: #FFFFFF;
		text-align: right;
	}
	.winners-content .winners-txt1{
		font-size: 4.8125rem;
		font-weight: bold;
		text-transform: uppercase;
	}
	.winners-content .winners-txt2{
		font-size: 9.375rem;
		font-weight: bold;
		font-style: italic;
		margin-bottom: 1.875rem;
	}
	.winners-content .winners-txt3{
		font-size: 2.25rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: end;
	}
	.winners-content .winners-txt3 span{
		margin-right: 1.875rem;
		margin-bottom: 1.25rem;
	}
}

/*  */
.swiper-slide img {
	width: 100%;
	vertical-align: top;
}

.swiper-slide .swiper-text {
	display: none;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFFFFF;
	width: 80%;
	text-align: center;
}


@media (max-width: 768px) {
	/* 导航栏 */
	.nav-bar{
		position: fixed;
		top: 0;
		left: 0;
		padding: 2vw 3vw;
		background-color: #000000;
		width:calc(100% - 6vw);
		z-index: 10;
		transition-duration: .5s;
	}
	.navBack{
		background-color: #000000;
	}
	.nav-bar>div{
		/* width: 33%; */
	}
	.nav-bar div:last-child{
		display: none;
	}
	.nav-bar .svakom-logo{
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 4vw;
		font-weight: bold;
		text-align: center;
		margin-bottom: 2vw;
	}
	.nav-bar .bar-list{
		display: flex;
		flex-wrap: wrap;
	}
	.nav-bar .bar-list a{
		text-decoration: none;
		color: #FFFFFF;
		font-size: 3vw;
		margin-left: 15px;
	}
	
	/*  */
	.swiper {
		--swiper-navigation-color: #FBFBFB;
		/* 单独设置按钮颜色 */
		--swiper-navigation-size: 4.8vw;
		/* 设置按钮大小 */
	}
	.swiper-slide .swiper-text {
		font-size: 3vw;
		transform: translate(-50%, -40%);
	}
	/* banner */
	.model-banner {
		position: relative;
		margin-top: 10vw;
	}
	.model-banner img{
		width: 100%;
	}
	.model-banner .banner-text{
		position: absolute;
		top: 9%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 3.8vw;
		color: #FFFFFF;
	}
	.model-banner .banner-tab{
		display: none;
	}
	/*  */
	.video{
		text-align: center;
		padding: 10vw 4vw;
	}
	.video .vide-txt1{
		font-size: 6vw;
		background: linear-gradient(to top, #929292, #D9D9D9);
		-webkit-background-clip: text;
		color: transparent;
		font-weight: bold;
	}
	.video .vide-but .vide-text {
	    padding: 10px 0;
	}
	.video .vide-but .txt2 {
	    width: 95%;
	    display: block;
	    font-size: 3.5vw;
	    color: #909098;
	    line-height:1.5;
		margin-bottom: 2vw;
	}
	.model-text {
	    max-height: 0;
	    overflow: hidden;
	    transition-duration: .5s;
	}
	.more-but {
	    display: inline-block;
		text-decoration: none;
	    padding: 2vw 10vw;
	    line-height: 1;
	    font-size: 3.5vw;
	    color: #FFFFFF;
	    background-color: #4A150D;
	    text-transform: uppercase;
	    cursor: pointer;
	}
	.vide-src img{
		width: 100%;
	}
	/*  */
	.introduce{
		text-align: center;
		margin: 6vw 0;
	}
	.introduce>div img{
		width: 100%;
	}
	.introduce .int-text {
		padding:6vw 4vw;
	}
	.introduce .int-text .txt1{
		font-size: 5vw;
		margin-bottom: 2vw;
	}
	.introduce .int-text .txt2{
		line-height: 1.5;
		margin-bottom: 2vw;
		font-size: 3.5vw;
		color: #909098;
	}
	.introduce .int-but{
		display: flex;
		flex-direction: column;
	}
	.introduce .int-but .int-text{
		order: 2;
	}
	.introduce .int-but .img-box{
		order: 1;
	}
	/*  */
	.pc-winners{
		display: none;
	}
	.winners-con{
		text-align: center;
		font-size: 7vw;
		text-transform: uppercase;
	}
	/*  */
	.footer-mail{
		position: relative;
	}
	.footer-mail>img{
		width: 100%;
	}
	.footer-mail .mail-content{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		color: #FFFFFF;
	}
	.footer-mail h2{
		font-size: 4vw;
	}
	.footer-mail .bottom-bot{
		text-decoration: none;
		color: #FFFFFF;
		display: flex;
		justify-content: space-between;
		border: 1px solid #FFFFFF;
		font-size: 3vw;
		margin-top: 2vw;
		padding:1vw 2vw;
	}
	/*  */
	.footer{
		background-color: #000000;
		padding: 20px 50px;
	}
	.footer .icon-list{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer .icon-list .icon{
		margin:0 20px;
	}
	.footer .icon-list img{
		width: 20px;
	}
	.footer .footer-text{
		font-size: 12px;
		text-align: center;
		color: #FFFFFF;
		margin-top: 10px;
	}
	/* 倒计时 */
	.count-down{
		margin-top: 10vw;
	}
	.count-down .countDown-text{
		text-align: center;
		font-size: 5vw;
		margin-bottom: 4vw;
	}
	.count-down .countDown-content{
		display: flex;
		justify-content: center;
	}
	.count-down .count{
		margin-right: 2vw;
	}
	.count-down .time{
		display: inline-block;
		color: #000000;
		font-size: 5vw;
		font-weight: bold;
		text-align: center;
	}
	.count-down .time-suffix{
		font-size: 3vw;
		font-weight: bold;
		text-transform: uppercase;
	}
	/* winners布局 */
	.new-winners{
		position: relative;
	}
	.new-winners img{
		width:100%;
	}
	.new-winners .winners-content{
		width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #FFFFFF;
		text-align: center;
	}
	.winners-content .winners-txt1{
		font-size: 4.8125rem;
		font-weight: bold;
		text-transform: uppercase;
	}
	.winners-content .winners-txt2{
		font-size: 9.375rem;
		font-weight: bold;
		font-style: italic;
		margin-bottom: 1.875rem;
	}
	.winners-content .winners-txt3{
		font-size: 4.25rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.winners-content .winners-txt3 span{
		margin-right: 1.875rem;
		margin-bottom: 1.25rem;
	}
}