@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
	
}


li {
    list-style: none;
}
.both {
    clear: both;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    border: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}
select,
input,
textarea {
    font-family: "microsoft Yahei";
}
body {
     font-size: 24px;
    font-family: "microsoft Yahei";
    -webkit-text-size-adjust: none;
    color: #fff;
	background-color:#000;
	overflow-x: hidden;
	
}
body a {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.scrollToTop{
    width:87px; 
    height:87px; 
    position:fixed;
	z-index: 98;
	bottom:80px;
    right:30px;
    display:none;
    background: url('../images/backtop.png') no-repeat;
}



.container {
	/*background: url("../images/bg.jpg") repeat center top;*/
	height: 11462px;
	background-image: url('../images/bg1.jpg'),
		url('../images/bg2.jpg');
	background-repeat: no-repeat, no-repeat;
	background-position: center 0, center 5731px;
}

.wrap {
    position: relative;
    margin: 0 auto;
    width: 750px;
}

.menu {
    position: absolute;
    top: 10px;
	left: 200px;
	width: 1120px;
	height: 80px;
	
}

.link1 {
    position: absolute;
    top: 0px;
	left: 20px;
	width: 120px;
	height: 80px;
	
	
}

.link2 {
    position: absolute;
    top: 0px;
	left: 140px;
	width: 170px;
	height: 80px;
	
	
}

.link3 {
    position: absolute;
    top: 0px;
	left: 310px;
	width: 160px;
	height: 80px;
	
	
}

.link4 {
    position: absolute;
    top: 0px;
	left: 470px;
	width: 120px;
	height: 80px;
	
}

.link5 {
    position: absolute;
    top: 0px;
	left: 590px;
	width: 160px;
	height: 80px;
	
	
}

.link6 {
    position: absolute;
    top: 0px;
	left: 750px;
	width: 200px;
	height: 80px;
	
	
}
.link7 {
    position: absolute;
    top: 0px;
	left: 950px;
	width: 160px;
	height: 80px;
	
	
}

.t1 {
    position: absolute;
    top: 1000px;
}

.t2 {
    position: absolute;
    top: 5650px;
}

.t3 {
    position: absolute;
    top: 6570px;
}

.t4 {
    position: absolute;
    top: 7750px;
}

.t5 {
    position: absolute;
    top: 8590px;
}

.t6 {
    position: absolute;
    top: 9430px;
}

.t7 {
    position: absolute;
    top: 10950px;
}

.fb {
    position: absolute;
    top: 610px;
	left: -80px;
	width: 450px;
	height: 90px;
	
	
}

.line {
    position: absolute;
    top: 610px;
	left: 380px;
	width: 450px;
	height: 90px;
	
	
}



@-webkit-keyframes playeranime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes playeranime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@media (max-width:1024px) {
    
}


@media (max-width:820px) {
    
	
	
	
}





@media (max-width:750px) {
    .footer-pc {
        display: none;
    }
    body {
        font-size: .24rem;
    }
	
	.container {
		height: 213.85rem;
		background-image: url('../images/bgm1.jpg'),
			url('../images/bgm2.jpg'),
			url('../images/bgm3.jpg');
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 7.5rem 71.28rem, 7.5rem 71.28rem, 7.5rem 71.29rem;
		background-position: 0 0, 0 71.28rem, 0 142.56rem;

	}

	.wrap {
		position: relative;
		margin: 0 auto;
		width: 7.50rem;
	}
	
	
	.menu {
     display: none;
}		

	.tt1 {
		position: absolute;
		top: 1.2rem;
		left: 0.25rem;
		width: 7rem;
		height: 1.50rem;
		

	}
	
	.tt2{
		position: absolute;
		top: 2.9rem;
		left: 0.25rem;
		width: 7rem;
		height: 1.60rem;
		

	}
	
	.tt3 {
		position: absolute;
		top: 4.7rem;
		left: 0.25rem;
		width: 7rem;
		height: 1.50rem;
		

	}
	
	
	.tt4 {
		position: absolute;
		top: 6.4rem;
		left: 0.25rem;
		width: 7rem;
		height: 1.60rem;
		

	}
	
	
	.tt5 {
		position: absolute;
		top: 8.2rem;
		left: 0.25rem;
		width: 7rem;
		height: 1.60rem;
		

	}
	
	.tt6 {
		position: absolute;
		top: 9.9rem;
		left: 0.25rem;
		width: 7rem;
		height: 1.60rem;
		

	}
	
	.tt7 {
		position: absolute;
		top: 11.7rem;
		left: 0.25rem;
		width: 7rem;
		height: 1.60rem;
		

	}
	
	
	
	
	.t1 {
		position: absolute;
		top: 15rem;
	}

	.t2 {
		position: absolute;
		top: 119.9rem;
	}

	.t3 {
		position: absolute;
		top: 136.3rem;
	}

	.t4 {
		position: absolute;
		top: 152.7rem;
	}

	.t5 {
		position: absolute;
		top: 168.3rem;
	}

	.t6 {
		position: absolute;
		top: 182.8rem;
	}

	.t7 {
		position: absolute;
		top: 199.2rem;
	}

	.fb {
		position: absolute;
		top: 8.90rem;
		left: 0rem;
		width: 3.75rem;
		height: 1.4rem;
		

	}

	.line {
		position: absolute;
		top: 8.90rem;
		left: 3.75rem;
		width: 3.75rem;
		height: 1.4rem;
		

	}
	
	.menum {
		position: absolute;
		top: 0rem;
		left: 5.75rem;
		width: 1.75rem;
		height: 1.4rem;
		

	}

	.pop-tr1 {
		position: relative;
		display: none;
		width: 7.5rem;
		height: 16.96rem;
		background-size: cover;
	}

	.close2 {
		position: absolute;
		
		right: .1rem;
		top: 0rem;
		width: 1.5rem;
		height: 1rem;
		
		
	}
	
	.mmenu {
		right: 0rem;
		top: 0rem;
		width: 7.5rem;
		height: 20rem;
		background: url("../images/menu.png") no-repeat center top;
		background-size: 7.5rem 20rem;
		
	}
	
	
}