* {
margin: 0;
padding: 0;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
font-size: 62.5%;
}
img {
display: block
}
.queryloader__overlay__percentage {
font-size: 24px !important;
}
/* .queryloader__overlay {
background-image: url(/uploads/image/wilogo/sy_logo.jpg);
background-repeat: no-repeat;
background-position: center 90%;
background-size: 300px;
} */
.swiper-container {
/* width: 320px;
height: 480px;*/
width: 100%;
height: 100%;
/* background: #000; */
}
.swiper-slide {
width: 100%;
height: 100%;
/* background: no-repeat left top; */
/* background-size: 100% 100%; */
}
.swiper-slide .nav {
top: 0px;
height: 7vh;
color: #ffffff;
width: 100%;
padding-top: 10px;
}
.swiper-slide .nav span {
display: block;
text-align: center;
float: left
}
.swiper-slide .nav .arr {
width: 10%;
font-size: 20px;
font-weight: bold;
text-align: center
}
.swiper-slide .nav .nav-title {
width: 90%;
text-align: center
}
.swiper-slide .nav .nav-title b{margin-left: -12%;}
.swiper-slide1 {
width: 100%;
height: 100%;
background: url(/uploads/image/ri2962ip1/p1bg.jpg) no-repeat left top;
background-size: 100% 100%;
}
.swiper-slide1 .img1 {
/* width: 100%; */
top: 0;
z-index: 2;
}
.swiper-slide1 .img2 {
width: 81%;
left: 0;
right: 0;
margin: auto;
top: 12vh;
z-index: 2;
}
.swiper-slide1 .img3 {
width: 20%;
/* left: 0; */
top: 62vh;
margin-left: -18px;
z-index: 1;
}
.swiper-slide1 .img4 {
width: 21.6%;
left: 0;
right: 0;
margin: auto;
top: 82vh;
z-index: 1;
}
.swiper-slide1 .img5 {
width: 9%;
right: 0px;
top: 76vh;
z-index: 1;
}
.swiper-slide1 .img6 {
width: 20%;
left: 40%;
top: 86vh;
z-index: 1;
}
.swiper-slide2 {
width: 100%;
height: 100%;
background: no-repeat left top;
background-size: 100% 100%;
}
.swiper-slide2 .img1 {
width: 100%;
top: 12vh;
z-index: 2;
}
.swiper-slide2 .img2 {
width: 100%;
left: 0;
top: 72vh;
z-index: 2;
}
.swiper-slide2 .img3 {
width: 10%;
left: 45%;
top: 85vh;
z-index: 999;
}
.swiper-slide3 {
width: 100%;
height: 100%;
background: url(/uploads/image/ri2962ip3/p3bg.jpg) no-repeat left top;
background-size: 100% 100%;
}
.swiper-slide3 .img1 {
width: 92%;
top: 10vh;
z-index: 2;
}
.swiper-slide3 .img2 {
width: 100%;
left: 0;
top: 26vh;
z-index: 2;
}
.swiper-slide3 .img3 {
width: 80%;
left: 15%;
top: 28vh;
z-index: 2;
height: 40px;
overflow: hidden;
background: none;
}
.swiper-slide3 .img3 img {
width: 100%;
z-index: 2;
}
.swiper-slide3 .bnt1 {
width: 12.67%;
top: 22.5vh;
z-index: 1;
}
.swiper-slide3 .bnt2 {
width: 20%;
left: 23%;
top: 35vh;
z-index: 1;
}
.swiper-slide3 .bnt3 {
width: 20%;
left: 57%;
top: 35vh;
z-index: 1;
}
.swiper-slide3 .bnt4 {
width: 20%;
left: 12%;
top: 50vh;
z-index: 1;
}
.swiper-slide3 .bnt5 {
width: 20%;
left: 40%;
top: 50vh;
z-index: 1;
}
.swiper-slide3 .bnt6 {
width: 20%;
left: 69%;
top: 50vh;
z-index: 1;
}
.swiper-slide3 .bnt7 {
width: 45%;
top: 66vh;
margin-left: -10px;
z-index: 1;
}
.swiper-slide3 .txt {
width: 100%;
text-align: center;
color: #55ffff;
font-size: 14px;
bottom: 6vh;
z-index: 1;
}
.swiper-slide4{
width: 100%;
height: 100%;
background: url(/uploads/image/ri2962ip4/p4bg.jpg) no-repeat left top;
background-size: 100% 100%;
}
.navtitle {
width: 92%;
top: 10vh;
z-index: 2;
}
.swiper-slide4 .video,.swiper-slide6 .video {
width: 82.67%;
height: 30.435vh;
top: 20vh;
background-image: url(/uploads/image/ri2962ip4/vbg.png);
background-size: 100% 100%;
}
.swiper-slide4 .video video ,.swiper-slide6 .video video{
width: 94.84%;
object-fit: cover;
height: 81.285%;
/* margin-top: 6%; */
padding: 7% 0;
}
.swiper-slide4 .video img,.swiper-slide6 .video img {
width: 100%;
height: 80%;
}
.hide{
display: none;
}
.swiper-slide4 .video h1 {
font-size: 14px;
font-weight: bold;
text-align: left
}
.swiper-slide4 .video p {
font-size: 12px;
text-align: left;
}
.swiper-slide4 .title {
font-size: 12px;
font-weight: bold;
left: 2%;
top: 63vh;
color: #ffffff;
z-index: 1;
text-align: left;
padding: 2%;
}
.swiper-slide4 .video-box {
top: 54vh;
width: 82.67%;
background-color: #78d660;
border: #78d660 2px solid;
border-radius: 10px;
height:39%;
background:none;
}
.video-box img{width: 92.59%;padding: 20px;}
.swiper-slide4 .video-box ul {
width: 98%;
margin: 0 auto
}
.swiper-slide4 .video-box ul li {
width: 48%;
float: left;
margin: 1% 1%
}
.swiper-slide4 .video-box ul li img{ width:100%}
.swiper-slide4 .video-box ul li h2 {
font-size: 12px;
font-weight: bold;
display:none;
}
.swiper-slide4 .video-box ul li p {
font-weight: 100;
white-space: nowrap;
font-size: calc((.01em 1vmin) (.01em 1vmax));
display:none
}
.swiper-slide5 {
width: 100%;
height: 100%;
background: url(/uploads/image/ri2962ip5/p5bg.jpg) no-repeat left top;
background-size: 100% 100%;
}
.swiper-slide5 .img1 {
width: 100%;
top: 20vh;
z-index: 2;
}
.swiper-slide5 .bnt1 {
width: 20%;
left: 0;
right: 0;
top: 36vh;
margin: auto;
z-index: 1;
}
.swiper-slide5 .bnt2 {
width: 20%;
left: 23%;
top: 51vh;
z-index: 1;
}
.swiper-slide5 .bnt3 {
width: 20%;
left: 55%;
top: 51vh;
z-index: 1;
}
.swiper-slide5 .bnt4 {
width: 20%;
left: 23%;
top: 64vh;
z-index: 1;
}
.swiper-slide5 .bnt5 {
width: 20%;
left: 55%;
top: 64vh;
z-index: 1;
}
.swiper-slide6 {
width: 100%;
height: 100%;
background: url(/uploads/image/ri2962ip4/p4bg.jpg) no-repeat left top;
background-size: 100% 100%;
}
.swiper-slide6 .img1 {
width: 100%;
top: 10vh;
z-index: 2;
}
.swiper-slide6 .inputbox {
width: 84%;
border: solid 3px #5fffff;
height: 40vh;
border-radius: 25px;
top: 44vh;
padding: 4% 4% 6%;
color: #ffffff;
text-align: left;
font-size: 14px;
}
.inputbox span {
color: #5fffff
}
.inputbox p {
padding: 1% 0px
}
.inputbox p img {
width: 100%
}
.swiper-slide6 .bnt {
width: 60%;
left: 20%;
top: 38vh;
z-index: 1;
}
.swiper-slide6 .text{
width: 84.8%;
top: 52.5vh;
z-index: 1;
}
.swiper-slide7 {
width: 100%;
height: 100%;
background: url(/uploads/image/ri2962ip4/p4bg.jpg) no-repeat left top;
background-size: 100% 100%;
}
.swiper-slide7 .img1 {
width: 100%;
top: 0;
z-index: 2;
}
.swiper-slide7 .img2 {
width: 100%;
left: 0;
top: 10vh;
z-index: 2;
}
.swiper-slide7 .img3 {
width: 30%;
left: 35%;
top: 40vh;
z-index: 2;
}
.swiper-slide7 .img4 {
width: 20%;
left: 40%;
top: 64vh;
z-index: 3;
border-radius: 50%;
}
.swiper-slide7 .img5 {
width: 100%;
left: 0;
top: 73vh;
z-index: 2;
}
.swiper-slide7 .txt {
font-size: 12px;
color: #5fffff;
width: 80%;
padding: 5%;
text-align: left;
line-height: 3vh;
top: 74vh;
}
.swiper-slide7 .txt h1 {
text-align: center
}
.swiper-slide7 .txt p {
text-indent: 2em
}
.swiper-slide8,.long .swiper-slide{
width: 100%;
height: 100%;
background: url(/uploads/image/ri2962ip4/p4bg.jpg) #1b1643 no-repeat left top;
background-size: 100% 100%;
}
.long .swiper-slide, .sp3 .swiper-slide {
height: auto;
}
.swiper-slide8 .img1 {
width: 100%;
top: 10vh;
z-index: 2;
}
.school-box {
width: 100%;
left: 0;
top: 18vh;
height: 65%;
z-index: 2;
/* overflow: hidden; */
}
.school-box ul {
width: 100%;
height:100%;
}
.school-box ul li {
width: 38.935%;
float: left;
/* color: #5fffff; */
text-align: left;
margin: 2% 5%;
}
.school-box ul li img {
width: 100%;
}
.swiper-slide8 .school-box{top: 19vh;}
.swiper-slide8 .school-box ul li{width: 45.87%;margin: 2% 2%;}
.txt {
width: 100%;
text-align: center;
color: #55ffff;
font-size: 14px;
bottom: 6vh;
z-index: 1;
}
.swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
@-webkit-keyframes start {
0%, 30% {
opacity: 0;
-webkit-transform: translate(0, 10px);
}
60% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate(0, -8px);
}
}
@-moz-keyframes start {
0%, 30% {
opacity: 0;
-moz-transform: translate(0, 10px);
}
60% {
opacity: 1;
-moz-transform: translate(0, 0);
}
100% {
opacity: 0;
-moz-transform: translate(0, -8px);
}
}
@keyframes start {
0%, 30% {
opacity: 0;
transform: translate(0, 10px);
}
60% {
opacity: 1;
transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translate(0, -8px);
}
}
.ani,.ani1 {
position: absolute;
}
.txt {
position: absolute;
}
#array {
position: absolute;
z-index: 999;
-webkit-animation: start 1.5s infinite ease-in-out;
}
@media only screen and (min-width: 414px) {
.swiper-slide3 .img3 {
width: 80%;
left: 15%;
top: 26vh;
z-index: 2;
height: 50px;
overflow: hidden;
}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
}
/*.sp2 .swiper-slide {
height: auto;
min-height: 100vh;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display:block;
}
*/.clear{ clear: both; }
.active{
background: #3f51b5 !important;
}
.choose-text{
position: absolute;
width: 84%;
height: 7vh;
color: #5fff;
padding: 9px;
font-size:10px;
top: 0;
}
.choose-neirong{
display: none;
height: 22vh;
overflow: scroll;
}
.choose-neirong li{
border: 1px solid #5fff;
padding: 10px;
background-color: rgba(58, 46, 142, 0.5);
font-size: 12px;
}
.news-box{
top: 19vh;
width: 92%;
height: 65%;
}
.news-box .swiper-slide{flex-direction: column;}
.w8{width: 93.625%;margin: auto;}
.w8 img{width: 100%;}
.news-box ul li{margin-top: 15px;}