html { width: 100%; min-width: 320px; height: 100vh; font-size: 100px; overflow: hidden; }

.container { width: 1680px; max-width: 92%; margin: 0 auto; font-size: .16rem; }

.banner { width: 100%; z-index: 1; font-size: 0; }
.banner::before { position: absolute; top: 8.2vh; right: auto; bottom: auto; left: calc(50% - 2.16rem); z-index: 3; content: ""; width: 4.32rem; height: 4.32rem; background-image: url("../images/f_icon2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; animation: ani-yuan 40s linear infinite; }
.banner::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 2; content: ""; width: 100%; height: 100%; background-image: url("../images/site_bg1.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: 100% 100%; }
.banner .swiper-slide { position: relative; display: block; width: 100%; height: 100vh; overflow: hidden; }
.banner .swiper-slide img { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); -webkit-transition: transform 0.3s ease-out 0s; -moz-transition: transform 0.3s ease-out 0s; -ms-transition: transform 0.3s ease-out 0s; -o-transition: transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s; }
.banner .swiper-slide-active img { -webkit-transition: transform 7s ease-out 1s; -moz-transition: transform 7s ease-out 1s; -ms-transition: transform 7s ease-out 1s; -o-transition: transform 7s ease-out 1s; transition: transform 7s ease-out 1s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

@keyframes ani-yuan { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.header { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 10; width: 100%; padding: .44rem 0 0; }

.logo img { max-height: .64rem; }

.top-link a { display: block; padding: 0 .1rem; font-size: 0.14rem; font-weight: 500; line-height: 0.26rem; color: #fff; text-align: left; background: #66cc33; border-radius: .13rem; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.top-link a:hover { background: #00562f; }

.content { display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 3; width: 100%; height: 100%; padding: 0 0 25vh; }
.content .img { text-align: center; }
.content .img img { max-height: .94rem; }

.link-list { width: 1240px; max-width: 92%; margin: .42rem 0 0; display: flex; justify-content: space-between; }
.link-list li { width: 31.5%; }
.link-list li:nth-child(2) a { background: #54bbdd; }
.link-list li:nth-child(3) a { background: #49cab6; }
.link-list a { position: relative; display: flex; justify-content: space-between; align-items: center; padding: .12rem .22rem; font-size: 0.24rem; font-weight: 500; line-height: 0.66rem; color: #fff; text-align: center; border-radius: .28rem 0 .28rem 0; background: #6dacec; box-shadow: 2px 2px 0.1rem 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.link-list a::after { display: block; content: ""; box-sizing: border-box; width: .24rem; height: .24rem; background-image: url("../images/f_icon1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.link-list .img { width: calc(100% - .4rem); height: .8rem; display: flex; justify-content: center; align-items: center; }

.footer { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 9; width: 100%; padding: .18rem 0; border-top: 0.07rem solid #013bad; background: rgba(255, 255, 255, 0.9); }

.copy { font-size: 0.16rem; font-weight: 500; line-height: 0.3rem; color: #666; text-align: center; }

#particles-js { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

@media screen and (min-width: 1025px) { .link-list a:hover { -webkit-transform: translateY(-0.1rem); -moz-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); -o-transform: translateY(-0.1rem); transform: translateY(-0.1rem); box-shadow: 2px 2px 0.2rem 0 rgba(0, 0, 0, 0.2); }
  .link-list a:hover::after { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } }
@media screen and (max-width: 1024px) { .header { padding: .2rem 0 0; }
  .content { justify-content: flex-start; padding: 2rem 8% 0; }
  .link-list li { width: 100%; margin: 0 0 .2rem; }
.link-list .img { justify-content: flex-start; }
  .link-list a { padding: .1rem .4rem; justify-content: space-between; } }
@media screen and (max-width: 520px) { .header .container { flex-wrap: nowrap; }
  .content { padding-left: 4%; padding-right: 4%; }
  .top-link { margin: 0 0 0 .3rem; }
  .top-link a { white-space: nowrap; }
.logo img { max-height: .54rem; }
.link-list .img { height: .5rem; }
  .link-list a { padding: .1rem .12rem; line-height: .6rem; font-size: .2rem; }
.link-list .img img { height: 48px }
  .link-list a::after { margin: 0 0 0 .15rem; } }

/*# sourceMappingURL=ydy.css.map */