@charset "utf-8";
/* CSS Document */

body, html {
	width:100%
}
html{font-size:10px;}
@media screen and (max-width: 750px) {
  html {
    font-size: 1.3333333333vw;
  }
}
@font-face {
	font-family: 'LiSu';
	src: url('SIMLI.TTF') format("truetype");
	font-display: swap;
   }
body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;font-size:2.4rem; background:#fff; line-height:1.5; color:#333333; width:100%; margin:0px auto;}
a { color:#333333; text-decoration:none;cursor:default;}
a:hover { color:#333333;}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto; max-width:100%;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
input,textarea{ outline:none;}


.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* {
    box-sizing: border-box;
}



/* 头部 */
.app{width:100%; margin:auto; min-height:100vh; background-image:url(../images/bg2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex;
    align-items: center;
    justify-content: center; position:relative;}
.app .bg{ width:100%;}

.app .index_part{ position:relative;}
.app .index_part .pic1{ position:absolute; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:-5.8rem; width:18.6rem;}
.app .music{ position:absolute; width:5rem; right:2rem; top:2rem; cursor:pointer;-webkit-filter: drop-shadow(0px 0px 3px #999);
  filter: drop-shadow(0px 0px 3px #999); z-index:10}
.app .p_list{ position:absolute; width:28.4rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); top:34.6rem; display:flex;align-items: center;
   justify-content: space-between;}
 .app .p_list .items{ width:10.2rem; height:12.9rem;background-image:url(../images/icon_04.png); background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center; padding-top:1.4rem;

}
.app .p_list .items img{ width:6.9rem; height:9.6rem;object-fit: cover;
 object-position: top center; }
.app .b_list{ position:absolute; width:26.7rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); top:48.4rem; display:flex;align-items: center;
   justify-content: space-between;}
.app .b_list .items{ width:9rem; height:17.8rem;background-image:url(../images/icon_12.png); background-repeat:no-repeat; background-position:center center; background-size:cover;writing-mode: vertical-lr; text-align:center; color:#fffa00;display:flex;align-items: center;}
.app .b_list .items .txt{ font-size:1.5rem; padding-top:4.4rem; line-height:1; letter-spacing:-0.2rem; font-family: 'LiSu';}
.app .l_list{position:absolute; width:46.6rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); top:61.1rem; display:flex;align-items: center;
   justify-content: space-between;}
.app .l_list .items{ width:3.6rem;height:12.6rem; background-size:auto 100%;background-image:url(../images/fire.png);background-repeat: no-repeat; background-repeat:no-repeat; background-position:top;}
.app .l_list .items:nth-child(1){ margin-left:0.4rem;}

#bgsound{ display:none;}
.animated {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
.rotate {
	-webkit-animation-name: rotate;
	animation-name: rotate;
}
@keyframes rotate {
 0% {
 transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
}
}
 @-webkit-keyframes rotate {
 0% {
 transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
}
}

.fire {
	background-position:bottom;
	background-image:url(../images/fire.png);
	background-repeat: no-repeat;
	animation: fire 1s steps(4) infinite;
    -webkit-animation: fire 1s steps(4) infinite;
}

@keyframes fire {
	0%{
		background-position:-3.6rem;
	}
	 100%{
	 	background-position:-18rem;
	}
}
 @-webkit-keyframes fire {
	 0%{
		background-position:-3.6rem;
	}
	 100%{
	 background-position:-18rem;
	}
}
	
.app .b_list.no1{    justify-content:center;}
.app .p_list.no1{justify-content:center;}

@media screen and (max-width: 1450px) {
 .app{ background-image:url(../images/bg.png);}
}

/*新增*/
.part_2{ background-color:rgba(255,255,255,0.4); width: 100%; padding: 4rem 4rem; margin-top: 2rem;}
.part_2 .link{ display: flex; align-items: center; margin-bottom: 2rem; justify-content: space-between; position: relative;}
.part_2 .link .tpleft{display: flex; align-items: center; }
.part_2 .offering{background:linear-gradient(to bottom,#ff8d45,#da452b); display: inline-block; line-height: 2; color: #fff; padding: 0px 2rem; border-radius: 0.6rem; margin-right: 2rem; cursor: pointer;}
.part_2 .btn{ width: 21rem; height: 7.6rem; color:#fff; font-size: 3.6rem;background-image:url(../images/btn.png); background-repeat: no-repeat; background-size: cover; line-height: 1; text-align: center; padding-top: 1.5rem; position: absolute; right: 0px; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}