.banner { width: 100%; z-index: 1; font-size: 0; background: #185baa; }
.banner::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 2; content: ""; width: 100%; height: 15%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent); }
.banner .img { position: relative; display: block; width: 100%; height: 100vh; overflow: hidden; }
.banner .img .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.banner .img 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.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: transform 1s ease-out 0s; -moz-transition: transform 1s ease-out 0s; -ms-transition: transform 1s ease-out 0s; -o-transition: transform 1s ease-out 0s; transition: transform 1s ease-out 0s; }
.banner .img video { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; }
.banner .swiper-slide-active img { -webkit-transition: transform 6.2s ease-out 1s; -moz-transition: transform 6.2s ease-out 1s; -ms-transition: transform 6.2s ease-out 1s; -o-transition: transform 6.2s ease-out 1s; transition: transform 6.2s ease-out 1s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner .control { position: absolute; top: auto; right: auto; bottom: 0.4rem; left: 0; z-index: 3; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 100%; }
.banner .swiper-arrow { width: .32rem; height: .32rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.12rem; cursor: pointer; opacity: .5; -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; }
.banner .swiper-arrow.swiper-prev { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.banner .swiper-arrow:hover { opacity: 1; }
.banner .pagination { display: -ms-flexbox; display: flex; align-items: center; }
.banner .pagination .swiper-pagination-bullet { position: relative; width: .7rem; height: 3px; margin: 0 .05rem; opacity: 1; border-radius: 0; background: rgba(255, 255, 255, 0.3); }
.banner .pagination .swiper-pagination-bullet::after { display: block; content: ""; width: 0; height: 100%; background: #fff; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { width: 100%; -webkit-transition: all 6s linear 1s; -moz-transition: all 6s linear 1s; -ms-transition: all 6s linear 1s; -o-transition: all 6s linear 1s; transition: all 6s linear 1s; }

.index-main .section { overflow: hidden; }

.column { width: 100%; margin: 5.5vh 0 3.8vh; }
.column h3 { padding: .06rem 0 0; border-top: 2px solid #185baa; }
.column .en { font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 0.16rem; font-weight: 400; line-height: 0.2rem; color: #185baa; text-align: left; }
.column .cn { font-size: 0.3rem; font-weight: 700; line-height: 0.42rem; color: #333; text-align: left; }
.column.white h3 { border-top-color: rgba(255, 255, 255, 0.8); }
.column.white .en, .column.white .cn { color: #fff; }
.column.white .more::before, .column.white .more::after { background: #1881d3; }
.column.white .more:hover { border-color: #1881d3; }

.more { position: relative; z-index: 1; display: block; width: 1.08rem; font-size: 0.12rem; font-weight: 400; line-height: 0.38rem; color: #185baa; text-align: center; border: 1px solid #e9eaec; border-radius: .38rem; box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.1); background: #fff; overflow: hidden; -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; }
.more::before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: -2; content: ""; width: 0; height: 0; opacity: 0; background: #185baa; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -ms-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }
.more::after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: -1; content: ""; width: 0; height: 0; opacity: 0; background: #185baa; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -ms-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }
.more:hover { color: #fff; }
.more:hover::before, .more:hover::after { width: 100%; height: 100%; opacity: 1; }

.home2 { padding: .92rem 0 0; background-image: url("../images/index_bg1.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.home2 .l-box { width: 72%; align-items: normal; }
.home2 .r-box { width: 24%; }

.news-swiper1 { width: 57.871%; margin: 0; }
.news-swiper1 .img-frame .img { padding: 4.65rem 0 0; }
.news-swiper1 .text { align-items: flex-start; padding: .25rem; background: #0052a4; }
.news-swiper1 .text .l { display: -ms-flexbox; display: flex; align-items: center; width: calc(100% - 1.6rem); height: .76rem; }
.news-swiper1 .title { max-height: .76rem; font-size: .24rem; line-height: .38rem; color: #fff; }
.news-swiper1 .date { color: #fff; background-image: url("../images/f_icon1.png"); }
.news-swiper1 .pagination { position: absolute; top: auto; right: 0.2rem; bottom: 0.3rem; left: auto; z-index: 1; }
.news-swiper1 .pagination .swiper-pagination-bullet { width: .12rem; height: .12rem; margin: 0 .06rem; background: #fff; opacity: .5; -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; }
.news-swiper1 .pagination .swiper-pagination-bullet-active { opacity: 1; }
.news-swiper1 .swiper-arrow { position: absolute; top: 2.09rem; right: auto; bottom: auto; left: auto; z-index: 1; width: .46rem; height: .46rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(20, 89, 174, 0.5); background-size: 0.12rem; cursor: pointer; }
.news-swiper1 .swiper-arrow.swiper-prev { left: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.news-swiper1 .swiper-arrow.swiper-next { right: 0; }

.news-list1 { display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; width: 39.352%; }
.news-list1 a { display: block; padding: 0 0 0 .2rem; border-left: 1px solid #bccfe6; }
.news-list1 .title { max-height: .48rem; line-height: .24rem; }
.news-list1 .date { margin: .1rem 0 0; line-height: .2rem; }

.news-list2 { margin-top: -.27rem; }
.news-list2 a { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: .27rem 0; border-bottom: 1px solid #ccdbec; }
.news-list2 .title { width: calc(100% - .9rem); padding: 0 .15rem 0 0; }

.home3 { padding: .92rem 0 0; }

.pic-list1 { width: 100%; }
.pic-list1 li { width: 19.5%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.pic-list1 li.on { width: 41.5%; }
.pic-list1 li.on a::before { height: 0; opacity: 0; }
.pic-list1 li.on .text { bottom: .2rem; }
.pic-list1 li.on .title::after { width: 0; }
.pic-list1 a { display: block; position: relative; z-index: 1; overflow: hidden; }
.pic-list1 a::before { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; opacity: 1; background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.pic-list1 .img { height: 5.65rem; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.pic-list1 .text { position: absolute; top: auto; right: auto; bottom: 46%; left: 0; z-index: 2; width: 100%; padding: 0 .3rem; -webkit-transition: all 0.42s ease-out 0s; -moz-transition: all 0.42s ease-out 0s; -ms-transition: all 0.42s ease-out 0s; -o-transition: all 0.42s ease-out 0s; transition: all 0.42s ease-out 0s; }
.pic-list1 .title { color: #fff; text-align: center; }
.pic-list1 .title::after { display: block; content: ""; box-sizing: border-box; width: .42rem; height: 1px; margin: .1rem auto 0; background: #fff; -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; }

.home4 { display: -ms-flexbox; display: flex; justify-content: space-between; padding: .92rem 0 0; background-image: url("../images/index_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.home4 .l-box { width: 3rem; }
.home4 .r-box { width: calc(100% - 3rem); }
.home4 .column { display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; width: auto; margin-top: 1rem; }
.home4 .more { margin: 1.3rem 0 0; }

.pic-list2 { height: 100%; }
.pic-list2 li { width: 33.33%; height: 50%; }
.pic-list2 .img-zoom { height: 100%; }
.pic-list2 .img { height: 100%; }
.pic-list2 .img .title { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 2; width: 100%; padding: .5rem .3rem .24rem; color: #fff; text-align: center; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); -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; }
.pic-list2 .text { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 5; width: 100%; height: 100%; padding: 9vh .52rem 0; background: rgba(43, 105, 181, 0.9); opacity: 0; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -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; }
.pic-list2 .text::after { display: block; content: ""; box-sizing: border-box; width: .27rem; height: .1rem; margin: 0 auto; background-image: url("../images/f_icon3.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; }
.pic-list2 .text .title { font-size: .24rem; color: #fff; text-align: center; }
.pic-list2 .text .info { max-height: 1.44rem; margin: .3rem 0 .42rem; color: #fff; font-size: .18rem; line-height: .36rem; }

.home5 { display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; padding: .92rem 0 0; }

.news-swiper2 { position: relative; }
.news-swiper2 .img { padding: 2.75rem 0 0; }
.news-swiper2 .img-zoom:hover .title { color: #185baa; }
.news-swiper2 .text { padding: 2vh .25rem 0; }
.news-swiper2 .title { max-height: .6rem; font-size: .2rem; }
.news-swiper2 .info { max-height: .72rem; margin: .15rem 0 0; line-height: .24rem; }
.news-swiper2 .swiper-arrow { position: absolute; top: 40%; right: auto; bottom: auto; left: auto; z-index: 1; width: .46rem; height: .46rem; background-image: url("../images/arrow3.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(20, 89, 174, 0.5); background-size: 0.15rem; cursor: pointer; -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; }
.news-swiper2 .img-frame { border: 1px solid #e6e6e6; }
.news-swiper2 .swiper-arrow.swiper-prev { left: -.68rem; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.news-swiper2 .swiper-arrow.swiper-next { right: -.68rem; }
.news-swiper2 .swiper-arrow:hover { background-color: #1459ae; }

#fp-nav { opacity: 0; visibility: visible; -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; }
#fp-nav.fp-right { right: .2rem; }
#fp-nav ul li { position: relative; }
#fp-nav ul a span { display: block; width: .08rem; height: .08rem; margin: .15rem auto; background: #185baa; border-radius: 50%; -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; }
#fp-nav ul a span.fp-sr-only { display: none; }
#fp-nav ul a.active span { width: .14rem; height: .14rem; }
#fp-nav.show { opacity: 1; visibility: visible; }
#fp-nav.white ul a span { background: #fff; }

@media screen and (min-width: 1025px) { .news-list1 a { position: relative; -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; }
  .news-list1 a::before { position: absolute; top: 0; right: auto; bottom: auto; left: -1px; z-index: 1; content: ""; width: 1px; height: 0; background: #185baa; -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; }
  .news-list1 a:hover { -webkit-transform: translateX(0.08rem); -moz-transform: translateX(0.08rem); -ms-transform: translateX(0.08rem); -o-transform: translateX(0.08rem); transform: translateX(0.08rem); }
  .news-list1 a:hover::before { height: 100%; }
  .news-list1 a:hover .title { color: #185baa; }
  .news-list2 .date1, .news-list2 .title { -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; }
  .news-list2 a { position: relative; z-index: 1; perspective: 1000px; }
  .news-list2 a::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; content: ""; width: 100%; height: 100%; background: linear-gradient(90deg, #185baa, #1881d3); opacity: 0; transform: rotateX(38deg); transform-style: preserve-3d; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -ms-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }
  .news-list2 a:hover::after { opacity: 1; transform: rotateX(0deg); }
  .news-list2 a:hover .date1 { width: .82rem; color: #fff; background: none; }
  .news-list2 a:hover .title { color: #fff; }
  .pic-list1:hover .on { width: 19.5%; }
  .pic-list1:hover .on a::before { height: 100%; opacity: 1; }
  .pic-list1:hover .on .text { bottom: 46%; }
  .pic-list1:hover .on .title::after { width: .42rem; }
  .pic-list1 li:hover { width: 41.5% !important; }
  .pic-list1 li:hover a::before { height: 0 !important; opacity: 0 !important; }
  .pic-list1 li:hover .text { bottom: .2rem !important; }
  .pic-list1 li:hover .title::after { width: 0 !important; }
  .pic-list2 .img-zoom:hover .img .title { opacity: 0; }
  .pic-list2 .img-zoom:hover .text { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@media screen and (max-width: 1024px) { #fp-nav { display: none !important; }
  .banner { margin: 65px 0 0; }
  .banner .img { height: auto; padding: 42% 0 0; }
  .banner .control { bottom: .2rem; }
  .banner .swiper-arrow { opacity: 1; }
  .banner .pagination .swiper-pagination-bullet { width: .5rem; }
  .column { margin: .3rem 0 .2rem; }
  .home2 { padding: 1px 0 0; }
  .home2 .l-box, .home2 .r-box { width: 100%; }
  .news-swiper1 { width: 100%; }
  .news-swiper1 .img-frame .img { padding: 56.25% 0 0; }
  .news-swiper1 .text { padding: .15rem .2rem; }
  .news-swiper1 .pagination { bottom: .2rem; right: .15rem; }
  .news-swiper1 .swiper-arrow { top: 40%; }
  .news-list1 { width: 100%; }
  .news-list1 li { margin: .2rem 0 0; }
  .news-list2 { margin-top: -.15rem; }
  .news-list2 li:last-child a { border: none; }
  .news-list2 a { padding: .15rem 0; }
  .home3 { padding: 1px 0 .5rem; }
  .pic-list1 { flex-wrap: wrap; }
  .pic-list1 li { width: 50% !important; }
  .pic-list1 .img { height: auto; padding: 66% 0 0; }
  .pic-list1 a::before { height: 25% !important; opacity: 1 !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent); }
  .pic-list1 .text { bottom: .2rem; }
  .pic-list1 .title::after { width: .46rem !important; }
  .home4 { padding: 1px 0 0; flex-wrap: wrap; }
  .home4 .column { justify-content: space-between; flex-direction: row; width: 100%; padding: 0 4%; margin-top: .3rem; }
  .home4 .more { margin: 0; }
  .home4 .l-box { width: 100%; }
  .home4 .r-box { width: 100%; }
  .pic-list2 { height: auto; }
  .pic-list2 li { width: 50%; height: auto; }
  .pic-list2 .img { height: auto; padding: 66% 0 0; }
  .home5 { padding: 1px 0 0; }
  .news-swiper2 { margin: 0 0 .45rem; }
  .news-swiper2 .swiper-container { width: 96%; }
  .news-swiper2 .img { padding: 60% 0 0; }
  .news-swiper2 .text { padding: .12rem 0 0; }
  .news-swiper2 .swiper-arrow { z-index: 5; }
  .news-swiper2 .swiper-arrow.swiper-prev { left: 0; }
  .news-swiper2 .swiper-arrow.swiper-next { right: 0; } }
@media screen and (max-width: 768px) { .news-swiper1 .title { font-size: .21rem; }
  .column .cn { font-size: .25rem; line-height: .3rem; }
  .more { width: .9rem; line-height: .32rem; } }
@media screen and (max-width: 520px) { .banner { margin: 54px 0 0; }
  .banner .img { padding: 50% 0 0; }
  .banner .control { bottom: .1rem; }
  .news-swiper1 .text { padding: .15rem .2rem; }
  .news-swiper1 .text .l { width: 100%; height: auto; }
  .news-swiper1 .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .2rem; line-height: .3rem; }
  .news-swiper1 .pagination { right: .2rem; bottom: .1rem; }
  .pic-list1 li { width: 100% !important; }
  .pic-list2 li { width: 100%; } }

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