/*# sourceURL=/publish/scwgydxxyw/css/song-style.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song-style.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song-style.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song-style.css */
.sisu {
 width: 100%;
}
#_vsb_player {
  width: auto !important;
  height: auto !important;
}

nav {
 width: 100%;
 position: absolute;
 top: 0;
 z-index: 800;
}

.top-1 {
 width: 100%;
 /* height: 140px; */
 position: relative;
 background: url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/images/top-1-1.png") no-repeat right 40% bottom 20px,
  url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/image2021/top-1-bg.png") center center;
 z-index: 30;
}

.top-1-logo {
 margin-top: 30px;
}

.top-1-rig {
 height: 100%;
}

.top-1-rig>.xz {
 height: 32px;
 color: #FFFFFF;
 margin-top: 12px;
 margin-bottom: 30px;
 position: relative;
}
.top-1-rig> .xz > p {
 border-radius: 30px;
 font-size: 14px;
 line-height: 32px;
 display: inline-block;
 float: right;
 height: 32px;
 padding: 0 15px;
 cursor: pointer;
 padding-left: 35px;
 background: url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/images/add-1.png") no-repeat left 10px center #6FA5F3;
}
.yyxz-2 {
    display: none;
    position: absolute;
    background: #FFF;
 right: 0;
    top: 110%;
    width: 380px;
    border: 1px solid #ccc;
    border-bottom: 5px solid #f8b62c;
    box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
    overflow: hidden;
    padding: 10px 0;
    align-items: flex-start;
}
.yyxz-2.active {
    display: block;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
}
.yyxz-2 a {
    width: 50%;
    display: block;
    padding: 0 20px;
    float: left;
    color: #0062ac;
    background: url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/images/gt2.png") 20px center no-repeat;
    text-indent: 24px;
    line-height: 28px;
    font-size: 14px;
 text-align: left;
}
.yyxz-2 a:hover {
    font-weight: 700;
}
.top-1-sou {
 width: 280px;
 height: 40px;
 line-height: 40px;
 background: #1869C4;
 border-radius: 50px;
}

.top-1-sou input {
 height: 40px;
 border: none;
 background: none;
 float: left;
}

.top-1-sou input:nth-child(1) {
 width: 240px;
 padding: 0 15px;
 color: #FFFFFF;
 font-size: 14px;
 line-height: 40px;
}

.top-1-sou input:nth-child(2) {
 width: 40px;
 border-radius: 50%;
 background: url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/images/top-1-sou.png") no-repeat center center, #fff;
}

.top-2 {
 width: 100%;
 /* border-top: 3px solid #1869C4; */
 position: relative;
}

.top-2::after {
 width: 100%;
 height: 159px;
 top: 0;
 left: 0;
 /* background: url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/images/top-2-bg.png") no-repeat center top; */
 transition: all 0.3s;
}

.nav {
 position: relative;
 z-index: 10;
}

.nav>li {
 flex: 1;
 text-align: center;
 position: relative;
}

.nav>li>a {
 position: relative;
 padding: 15px 0;
 font-size: 16px;
 color: #FFFFFF;
}

.nav>li>a::before,
.nav>li>a::after {
 width: 0;
 height: 2px;
 left: 0;
 top: 35px;
 opacity: 0;
 background: #FFFFFF;
 border-radius: 10px;
 transition: all 0.3s;
}

.nav>li>a::after {
 top: auto;
 left: auto;
 right: 0;
 bottom: 37px;
}

.nav>li:hover>a::before,
.nav>li:hover>a::after {
 width: 100%;
 opacity: 1;
}
.nav>li .sub-1 {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 width: 100%;
 background: rgba(0,0,0,0.4);
 box-shadow: 0 5px 10px rgba(255,255,255,0.2);
}

.nav>li .sub-1 ul {
 width: 100%;
}
.nav>li .sub-1 li {
 height: 40px;
 width: 100%;
 text-align: center;
}
.nav>li .sub-1 a {
 width: 100%;
 line-height: 40px;
 color: #FFFFFF;
 font-size: 14px;
}
.nav>li .sub-1 a:hover {
 background: rgba(82, 153, 243,0.5);
}
.nav>li:hover .sub-1 {
 display: block;
 animation: fadeInDown 0.5s;
}
.nav>li:hover .sub-1 ul li {
 animation: fadeInUp 0.5s;
}


.banner {
 width: 100%;
 height: 477px;
 margin-top: 142px;
}

.banner .swiper-container {
 width: 100%;
 height: 100%;
}

.banner .swiper-container .swiper-wrapper {
 width: 100%;
 height: 100%;
}

.banner .swiper-container .swiper-wrapper .swiper-slide {
 width: 100%;
 height: 100%;
 position: relative;
}

.banner .swiper-pagination {
 bottom: 0;
 height: 90px;
 padding-top: 50px;
 background: url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/images/ban-page.png") no-repeat center top;
}

.banner .swiper-pagination span {
 width: 12px;
 height: 12px;
 opacity: 1;
 background: none;
 border: 2px solid #FFFFFF;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
 background: #FFFFFF;
}

@-webkit-keyframes and_none1 {
 from {
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
 }

 to {
  -webkit-transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1);
  transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1);
 }
}

.banner .swiper-slide>img:nth-child(1) {
 height: 100%;
 min-width: 100%;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}

.banner .swiper-slide-active>img:nth-child(1) {
 -webkit-animation: and_none1 10s linear 0s both;
 animation: and_none1 10s linear 0s both;
}

#swiper-four img:nth-child(2) {
 position: absolute;
 z-index: 2;
 left: 22%;
 top: 5%;
 opacity: 0;
 max-height: 90%;
 transform: translateX(-100%);
 transition: all 2s;
 transition-delay: 0.6s;
}

.banner .swiper-slide-active img:nth-child(2) {
 opacity: 1 !important;
 transform: translateX(0) !important;
}



footer {
 width: 100%;
}

.fot-1 {
 width: 100%;
 height: 140px;
 background: url("https://zqht.sisu.edu.cn/publish/scwgydxxyw/images/fot-1-bg.png") center center;
}

.fot-logo {
 margin-top: 30px;
}

.fot-12 {
 padding-left: 80px;
 padding-top: 40px;
}

.fot-12 p {
 color: #FFFFFF;
}

.fot-13 {
 padding-top: 30px;
}

.fot-13 a {
 margin-left: 30px;
}

.fot-2 {
 width: 100%;
 height: 40px;
 background-color: #1A3D8F;
 text-align: center;
}

.fot-2 p {
 line-height: 40px;
 color: #FFFFFF;
 opacity: 0.7;
}

.fot-2 p span {
 margin: 0 5px;
}
.menu-button {
 display: none;
 position: absolute;
 top: 10px;
 right: 10px;
 padding: 10px;
 cursor: pointer;
 -webkit-transition: .3s;
 transition: .3s;
 background: linear-gradient(33deg, #6CACFF, #8DEBFF);
 border-radius: 5px;
 -webkit-transition: .3s;
 transition: .3s;
 z-index: 99;
}

.bar {
 position: relative;
 display: block;
 width: 30px;
 height: 3px;
 margin: 5px auto;
 background-color: #fff;
 border-radius: 10px;
 -webkit-transition: .3s;
 transition: .3s;
}

.menu-button .bar:nth-of-type(1) {
 margin-top: 0px;
}

.menu-button .bar:nth-of-type(3) {
 margin-bottom: 0px;
}

.menu-button.cross {
 background: linear-gradient(213deg, #6CACFF, #8DEBFF);
}

.cross .bar:nth-of-type(1) {
 -webkit-transform: translateY(8px) rotate(-45deg);
 -ms-transform: translateY(8px) rotate(-45deg);
 transform: translateY(8px) rotate(-45deg);
}

.cross .bar:nth-of-type(2) {
 opacity: 0;
}

.cross .bar:nth-of-type(3) {
 -webkit-transform: translateY(-8px) rotate(45deg);
 -ms-transform: translateY(-8px) rotate(45deg);
 transform: translateY(-8px) rotate(45deg);
}