@charset "utf-8";
html, body {
	position: relative;
	width:100%;
	height:100%;
}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
/* font-size: 18px;
      background: #fff;

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
     -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
*/    }
#index {
	background: #025abf;
}
.sec1 {
	width:88%;
	height:100%;
	background: url(../img/index.jpg) no-repeat left top;
	background-size:100% 100%;
}
.sec2 {
	width:88%;
	height:100%;
	background: url(../img/lead.jpg) no-repeat left top;
	background-size:100% 100%;
}
.sec3 {
	width:88%;
	height:100%;
	background: url(../img/video.jpg) no-repeat left top;
	background-size:100% 100%;
}
.sec4 {
	width:88%;
	height:100%;
	background: url(../img/theend.jpg) no-repeat left top;
	background-size:100% 100%;
}
 @-webkit-keyframes tipmove {
0% {
bottom:10px;
opacity:0
}
50% {
bottom:15px;
opacity:1
}
100% {
bottom:20px;
opacity:0
}
}
.arrow {
	width:40px;
	height:28px;
	top:95%;
	left:41%;
	position: absolute;
	-webkit-animation: tipmove 1.5s infinite ease-in-out
}
.swi-bg {
	position: relative;
	width: 81%;
	left: 10%;
}
.swi-txt {
	position: absolute;
	top: 22%;
	width: 60%;
	/* text-align: center; */
	left: 20%;
}
.swi-vid {
	position: absolute;
	top: 26%;
}
.left22 {
	left:22%
}
.left20 {
	left:20%
}
.swi-bg {
	position: relative;
	width: 81%;
	left: 10%;
}
.swi-con {
	z-index: 999;
	position: absolute;
	top: 8%;
	left: 15%;
	width:70%;
}
.swi-t {
	position: absolute;
	top: 14%;
	z-index: 999;
	font-size: 18px;
	color: #00385b;
	line-height: 29px;
	margin: 1% 10%;
	/*text-indent: 1rem;*/
	height: 400px;/* overflow-y: scroll; */
	overflow: auto;
	width: 372px;
}
.swi-t1 {
	position: absolute;
	top: 52%;
	z-index: 999;
	font-size: 25px;
	font-weight: bold;
	color: #00385b;
	line-height: 33px;
	margin: 1% 16%;
}
.swi-t2 {
	position: absolute;
	top: 65%;
	z-index: 999;
	font-size: 16px;
	color: #00385b;
	line-height: 30px;
	margin: 2% 16%;
}
.swi-bg2 {
	position: relative;
	width: 81%;
	left: 10%;
	top: 20%;
}
.swi-bg3 {
	position: relative;
	width: 81%;
	left: 9%;
	top: 26%;
}
.swi-t3 {
	position: absolute;
	top: 59%;
	z-index: 999;
	font-size: 17px;
	color: #00385b;
	line-height: 36px;
	margin: 1% 8%;
	width: 388px;
}
.swi-bg4 {
	position: absolute;
	top: 21%;
	width: 80%;
	left: 4%;
}
.swi-con1 {
	z-index: 999;
	position: absolute;
	top: 6%;
	left: 6%;
	width: 88%;
}
}
#array {
	position:absolute;
	z-index:999;
	-webkit-animation: tipmove 1.5s infinite ease-in-out;
}
.wlc2 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.wlc4 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.bgMusic {
	z-index:99;
	cursor:pointer;
	position:absolute;
}
.bgMusic {
	right: 26px;
	top: 26px;
	width: 30px;
	height: 30px;
}
.music {
	animation: bgMusic 4s linear infinite;
}
 @keyframes bgMusic {
 0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(360deg);
}
}
.footer {
	bottom: 2%;
	position: absolute;
	color: #ffffff;
	font-size: 14px;
	left: 23%;
	text-align: center;
}
 @media screen and (max-width: 760px) {
 .footer {
 bottom: 2%;
 position: absolute;
 color: #ffffff;
 font-size: .7rem;
 left: 15%;
}
 .arrow {
width: 33px;
height: 22px;
top: 95%;
left: 48%;
position: absolute;
-webkit-animation: tipmove 1.5s infinite ease-in-out;
}
 .sec1 {
 width:100%;
 height:100%;
 background: url(../img/index.jpg) no-repeat left top;
 background-size:100% 100%;
}
.sec2 {
 width:100%;
 height:100%;
 background: url(../img/lead.jpg) no-repeat left top;
 background-size:100% 100%;
}
.sec3 {
 width:100%;
 height:100%;
 background: url(../img/video.jpg) no-repeat left top;
 background-size:100% 100%;
}
.sec4 {
 width:100%;
 height:100%;
 background: url(../img/theend.jpg) no-repeat left top;
 background-size:100% 100%;
}
 @-webkit-keyframes tipmove {
0% {
bottom:10px;
opacity:0
}
50% {
bottom:15px;
opacity:1
}
100% {
bottom:20px;
opacity:0
}
}
 #array {
 position:absolute;
z-index:999;
-webkit-animation: tipmove 1.5s infinite ease-in-out;
}
.swi-txt {
 position: absolute;
 top: 23%;
 width: 60%;
 /* text-align: center; */
 left: 20%;
}
.swi-vid {
 position: absolute;
 top: 27%;
}
.left22 {
 left:22%
}
.left20 {
 left:20%
}
.swi-bg {
 position: relative;
 width: 81%;
 left: 10%;
}
.swi-con {
 z-index: 999;
 position: absolute;
 top: 8%;
 left: 15%;
 width:70%
}
.swi-bg2 {
 position: relative;
 width: 81%;
 left: 10%;
 top: 20%;
}
.swi-t {
 position: absolute;
 top: 14%;
 z-index: 999;
 font-size: .73rem;
 color: #00385b;
 line-height: 1.3rem;
 margin: 1% 8%;
 height: 14rem;
 /* overflow-y: scroll; */
 overflow: auto;
 width: 84%;
}
.swi-t::-webkit-scrollbar { -webkit-appearance: none; width: 4px; }
.swi-t::-webkit-scrollbar-thumb { border-radius: 4px; background-color:#D8D8D8; } 
.swi-t1 {
 position: absolute;
 top: 52%;
 z-index: 999;
 font-size: .8rem;
 font-weight: bold;
 color: #00385b;
 line-height: 1.2rem;
 margin: 1% 16%;
}
.swi-t2 {
 position: absolute;
 top: 67%;
 z-index: 999;
 font-size: .66rem;
 color: #00385b;
 line-height: 1rem;
 margin: 1% 16%;
}
.swi-t3 {
 position: absolute;
 top: 59%;
 z-index: 999;
 font-size: .73rem;
 color: #00385b;
 line-height: 1.3rem;
 margin: 1% 9%;
 width: 82%;
}
.swi-bg4 {
 position: absolute;
 top: 22%;
 width: 80%;
 left: 10%;
}
 .swi-bg3 {
 position: relative;
 width: 81%;
 left: 10%;
 top: 26%;
}
 .swi-con1 {
 z-index: 999;
 position: absolute;
 top: 6%;
 left: 6%;
 width: 88%;
}
.bgMusic {
z-index:99;
cursor:pointer;
position:absolute;
}
.bgMusic {
 right: 11px;
 top: 16px;
 width: 26px;
 height: 26px;
}
.music {
 animation: bgMusic 4s linear infinite;
}
 @keyframes bgMusic {
 0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(360deg);
}
}
}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2021-12-30 16:12:57" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->