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

#loadingText {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
#loadingText .list1, #loadingText .list2 {
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
  justify-content: center;
  flex-direction: column;
  color: white;
}
#loadingText h1/*, #loadingText h1 span*/,#loadingText h2, #loadingText h2 span {
  font-size: 7rem;
  color: #fff;
  line-height: 1.4;
  text-shadow: 2px 1px 0 #000;
}
/*#loadingText h1,#loadingText h2 {margin-bottom: 4rem;}
#loadingText h1 span,#loadingText h2 span {
  background: rgba(18, 41, 140, 0.5);
  border-radius: 1rem;
  padding: 0 1.6rem;
  display: inline-block;
}*/
#loadingText h1 span{
	display: block;
	font-size: 4.4rem;
	color: #fff;
}
	#loadingText h2{
	 position: absolute;
    left: 0;
    right: 0;
    top: 34.4rem;
	}
.banner_bottom {
  color: #fff;
  font-size: 3.6rem;
  position: absolute;
  bottom: 3rem;
  left: 0;
  right: 0;
  text-align: center;
  text-shadow: 1px 1px 0 #000;
	font-weight: 400;
	line-height: 1.5em;
}
.banner_bottom img {
  display: block;
  margin: 0 auto;
  width: 8rem;
}
@media all and (max-width:1920px) {
		#loadingText h2{
    top: 36rem;
	}
	.tab-pane li{
		height: 31.5rem;
	}
}
@media all and (max-width:1760px) {
	html {
	font-size: 0.5825vw;
}
 /* #loadingText h1, #loadingText h1 span, #loadingText h2, #loadingText h2 span {font-size: 6rem; }*/
  .banner_bottom {font-size: 3rem;bottom: 2rem;}
		#loadingText h2{
    top: 36rem;
	}

}
@media all and (max-width:1640px) {
html {
	font-size: 0.625vw;
}
.box_width_index {
	padding-left: 2.4rem;
	padding-right: 2.4rem;
}
.news-list_right {max-height:55.3rem;}
.tab-pane li{height: 33.4rem;}
.cooperators .swiper-slide,.cooperators .swiper-slide span {height: 12rem;}
		#loadingText h2{
    top: 33rem;
	}
}
 
@media all and (max-width:750px) {
html {
	font-size: 1.335vw
}


.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
 @-webkit-keyframes slideInLeft {
 0% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
 @keyframes slideInLeft {
 0% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
 @-webkit-keyframes slideInRight {
 0% {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
 @keyframes slideInRight {
 0% {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
}