﻿.banner { width: 100%; z-index: 1; font-size: 0; background: #0C5AA0; }
.banner .img { position: relative; display: block; width: 100%; height: 6.5rem; 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; -moz-transform: scale(1.06); transform: scale(1.06); -moz-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 { -moz-transition: transform 6.2s ease-out 1s; transition: transform 6.2s ease-out 1s; -moz-transform: scale(1); transform: scale(1); }
.banner .pagination { position: absolute; top: auto; right: auto; bottom: 0.3rem; left: 0%; z-index: 3; width: 100%; text-align: center; }
.banner .pagination .swiper-pagination-bullet { position: relative; width: .12rem; height: .12rem; margin: 0 .07rem; background: none; border: 1px solid #fff; border-radius: 50%; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }

.column { position: relative; width: 100%; margin: .94rem 0 .36rem; }
.column h3 { position: relative; z-index: 1; font-size: 0.44rem; font-weight: 700; line-height: 0.5rem; color: #333; }
.column .more { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; }

.more { display: block; position: relative; font-size: 0.16rem; line-height: 0.54rem; color: #0C5AA0; }
.more::after { position: absolute; top: auto; right: 0; bottom: 0.12rem; left: auto; z-index: 1; content: ""; width: 0; height: 1px; background: #0C5AA0; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.more:hover { font-weight: 700; }
.more:hover::after { right: auto; left: 0; width: 100%; }

.home1 { padding: 1px 0 .15rem; background-image: url("../images/index_bg1.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; background-size: cover; }
.home1 .l-box { width: 64.93%; }
.home1 .r-box { width: 30.51%; }
.home1 .r-box .column { margin-bottom: 0; padding: 0 .4rem; background: #0C5AA0; }
.home1 .r-box .column h3, .home1 .r-box .column .more { color: #fff; line-height: 1.1rem; }
.home1 .r-box .column .more { right: .4rem; }
.home1 .r-box .column .more::after { bottom: .4rem; background: #fff; }

.pic-list1 { border-bottom: 1px solid #e8e8e8; }
.pic-list1 li { width: 48%; }
.pic-list1 .img-zoom { padding: 0 0 .32rem; }
.pic-list1 .img-frame { padding: 3.1rem 0 0; }
.pic-list1 .text { padding: .17rem 0 0; }
.pic-list1 .title { height: .52rem; }
.pic-list1 .date { margin: .05rem 0 0; }

.news-list1 { margin: .06rem 0 0; }
.news-list1 li { position: relative; width: 48%; border-bottom: 1px solid #0C5AA0; }
.news-list1 li::after { position: absolute; top: auto; right: auto; bottom: -3px; left: 0; z-index: 1; content: ""; width: 5px; height: 5px; background: #0C5AA0; border-radius: 50%; }
.news-list1 a { display: block; padding: .23rem 0 .17rem; }
.news-list1 .date { margin: .09rem 0 0; }
.news-list1 .title { height: .52rem; }

.news-list2 { padding: .23rem 0 .35rem; background: #fff; box-shadow: 0px 4px 0.1rem 0px rgba(0, 0, 0, 0.1); }
.news-list2 a { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: .13rem .4rem; }
.news-list2 .date1 { display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: .5rem; height: .5rem; line-height: .15rem; color: #fff; background: #0C5AA0; }
.news-list2 .date1 p:first-child { line-height: .24rem; margin: 0; }
.news-list2 .text { position: relative; width: calc(100% - .56rem); padding: 0 0 .26rem; }
.news-list2 .text::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; content: ""; width: .4rem; height: .06rem; background-image: url("../images/f_icon1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; }
.news-list2 .title { font-size: .18rem; height: .52rem; }

.home2 { position: relative; z-index: 1; padding: 1px 0 1.65rem; background-image: url("../images/index_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; background-size: cover; overflow: hidden; }
.home2::after { position: absolute; top: auto; right: auto; bottom: 0; left: calc(50% - 9.15rem); z-index: 1; content: ""; width: 18.29rem; height: 5.9rem; background-image: url("../images/f_icon4.png"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: 100%; }
.home2 .column { z-index: 2; margin-bottom: .5rem; }

.swiper1 { z-index: 2; height: 4.9rem; }
.swiper1 .swiper-wrapper { align-items: flex-start; }
.swiper1 .swiper-slide { position: relative; height: auto; }
.swiper1 .swiper-slide .round { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; padding: 100% 0 0; }
.swiper1 .text { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 .44rem; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.swiper1 .text::before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -2; content: ""; width: 100%; height: 100%; background: #fff; border-radius: 50%; border: 1px dashed #0C5AA0; -moz-transform: scale(0.725); transform: scale(0.725); -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.swiper1 .text::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -2; content: ""; width: 100%; height: 100%; background: url("../images/list_bg2.png") no-repeat 50% 50%/100%; border-radius: 50%; opacity: 0; -moz-transform: scale(0.725); transform: scale(0.725); -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.swiper1 .data { font-size: 0.52rem; font-weight: 700; line-height: 0.6rem; color: #0C5AA0; text-align: center; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.swiper1 .title { margin: .05rem 0 0; font-size: .2rem; line-height: .23rem; text-align: center; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.swiper1 .swiper-slide-active .text { padding: 0 .3rem; }
.swiper1 .swiper-slide-active .text::before { opacity: 0; -moz-transform: scale(0.6); transform: scale(0.6); }
.swiper1 .swiper-slide-active .text::after { opacity: 1; -moz-transform: scale(1); transform: scale(1); animation: ani-round 15s linear infinite; }
.swiper1 .swiper-slide-active .data { font-size: .72rem; line-height: .83rem; color: #fff; }
.swiper1 .swiper-slide-active .title { margin: .1rem 0 0; font-size: .22rem; color: #fff; font-weight: 500; line-height: .25rem; }
.swiper1 .swiper-slide-prev .text, .swiper1 .swiper-slide-next .text { padding: 0 .36rem; }
.swiper1 .swiper-slide-prev .text::before, .swiper1 .swiper-slide-next .text::before { -moz-transform: scale(0.904); transform: scale(0.904); }
.swiper1 .swiper-slide-prev .data, .swiper1 .swiper-slide-next .data { font-size: .62rem; line-height: .74rem; }
.swiper1 .swiper-slide-prev .title, .swiper1 .swiper-slide-next .title { margin: .15rem 0 0; }
.swiper1 .swiper-arrow { position: absolute; top: 3.2rem; right: auto; bottom: auto; left: auto; z-index: 5; width: .59rem; height: .46rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; cursor: pointer; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.swiper1 .swiper-arrow.swiper-prev { left: calc(50% - .9rem); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.swiper1 .swiper-arrow.swiper-next { right: calc(50% - .9rem); }

.home3 { padding: 0 0 .86rem; }

.pic-list2 { display: flex; flex-wrap: wrap; margin: 0 -0.17rem; }
.pic-list2 > li { width: 33.3333333333%; padding: 0 0.17rem; }
.pic-list2 .img-frame { padding: 65.3% 0 0; }
.pic-list2 .text { padding: .24rem 0 0; }
.pic-list2 .text::after { display: block; content: ""; box-sizing: border-box; width: .13rem; height: .13rem; margin: .27rem 0 0; background-image: url("../images/f_icon2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.pic-list2 .title { line-height: .28rem; height: .56rem; }
.pic-list2 .info { margin: .21rem 0 0; height: .48rem; }

.home4 { padding: 1px 0 1.3rem; background-image: url("../images/index_bg3.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.home4 .l-box { width: 64.93%; }
.home4 .r-box { width: 28.57%; }
.home4 .r-box .column h3 { white-space: nowrap; }
.home4 .r-box .more { margin: .05rem 0 0; text-align: center; }
.home4 .b-box { width: 100%; padding: .7rem 0 0; }
.home4 .b-box .a1 .text { background: #16A4AF; }
.home4 .b-box .a2 .text { background: #F9801D; }
.home4 .b-box .img-zoom { width: 48.7%; }
.home4 .b-box .img-zoom:hover i { background-color: #0C5AA0; background-position-x: 0; }
.home4 .b-box .img-frame { padding: 37.33% 0 0; }
.home4 .b-box .text { height: 1.6rem; padding: 0 .54rem; }
.home4 .b-box .text img { position: static; transform: none !important; width: auto; height: auto; min-height: auto; max-height: 1.08rem; }
.home4 .b-box p { width: calc(100% - 1.1rem); font-size: 0.36rem; line-height: 0.4rem; color: #fff; }
.home4 .b-box i { position: relative; display: block; width: .5rem; height: .5rem; background-image: url("../images/f_icon3.png"); background-repeat: no-repeat; background-position: 100% 50%; background-color: #fff; background-size: auto 100%; border-radius: 50%; overflow: hidden; -moz-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }

.news-list3 li { margin: .2rem 0 0; }
.news-list3 li:first-child { margin: 0; }
.news-list3 a { position: relative; z-index: 1; display: block; border: 1px solid rgba(12, 90, 160, 0.3); background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 100%); -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.news-list3 a::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -2; content: ""; width: 100%; height: 100%; background-image: url("../images/list_bg1.jpg"); background-repeat: no-repeat; background-position: 100% 50%; background-color: transparent; background-size: cover; opacity: 0; }
.news-list3 .date1 { font-size: .17rem; }
.news-list3 .date1 p:first-child { font-size: .3rem; }
.news-list3 .title { line-height: .28rem; }
.news-list3 .box1 { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: .42rem .4rem; }
.news-list3 .box1 .title { width: calc(100% - .8rem); max-height: .56rem; }
.news-list3 .box1 .line { width: 1px; height: .38rem; background: #0C5AA0; }
.news-list3 .box2 { display: none; flex-wrap: wrap; justify-content: space-between; padding: .21rem; }
.news-list3 .box2 .img-frame { width: 4rem; padding: 2.6rem 0 0; }
.news-list3 .box2 .text { width: calc(100% - 4.32rem); padding: .23rem 0 0; }
.news-list3 .box2 .date { color: #F9801D; font-weight: 700; }
.news-list3 .box2 .title { margin: .05rem 0 .13rem; color: #fff; font-weight: 700; max-height: .84rem; }
.news-list3 .box2 .info { line-height: .28rem; max-height: .84rem; color: #fff; }

.swiper2 { height: 6.28rem; padding: 1px 0; }
.swiper2 .img-zoom { background: #fff; border: 1px solid rgba(12, 90, 160, 0.2); -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.swiper2 .img-zoom:hover { border: 1px solid #0c5aa0; }
.swiper2 .img-zoom img { object-fit: contain; }

@keyframes ani-round { 0% { -moz-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes ani-right { 0% { -moz-transform: translateX(0.2rem); transform: translateX(0.2rem); }
  100% { -moz-transform: translateX(0); transform: translateX(0); } }
@media screen and (min-width: 1025px) { .pic-list1 .img-frame { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .pic-list1 .img-zoom { overflow: visible; }
  .pic-list1 .img-zoom::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; content: ""; width: 0; height: 1px; background: #0C5AA0; -moz-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
  .pic-list1 .img-zoom:hover .img-frame { box-shadow: 0 4px 0.25rem 0 rgba(0, 0, 0, 0.2); }
  .pic-list1 .img-zoom:hover::after { width: 100%; }
  .pic-list1 .img-zoom:hover .title { color: #0C5AA0; }
  .news-list1 a { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list1 a:hover { -moz-transform: translateX(0.08rem); transform: translateX(0.08rem); }
  .news-list1 a:hover .title { color: #0C5AA0; }
  .news-list2 .text::after { -moz-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }
  .news-list2 .title { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list2 a { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list2 a:hover { -moz-transform: translateX(0.05rem); transform: translateX(0.05rem); }
  .news-list2 a:hover .title { color: #0C5AA0; }
  .news-list2 a:hover .text::after { left: calc(100% - .4rem); }
  .pic-list2 .img-frame { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .pic-list2 .img-zoom { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; overflow: visible; }
  .pic-list2 .img-zoom:hover { -moz-transform: translateY(-0.1rem); transform: translateY(-0.1rem); }
  .pic-list2 .img-zoom:hover .img-frame { box-shadow: 0 4px 0.25rem 0 rgba(12, 90, 160, 0.3); }
  .pic-list2 .img-zoom:hover .title { color: #0C5AA0; }
  .pic-list2 .img-zoom:hover .text::after { -moz-transform: rotate(45deg); transform: rotate(45deg); }
  .news-list3 .on a { border-color: #0C5AA0; }
  .news-list3 .on a::after { opacity: 1; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list3 .on .box1 { display: none; }
  .news-list3 .on .box2 { display: flex; animation: ani-right 1s; } }
@media screen and (max-width: 1600px) { .swiper1 .text { padding: 0 .3rem; }
  .swiper1 .title { font-size: .18rem; line-height: .2rem; }
  .swiper1 .data { font-size: .44rem; line-height: .48rem; }
  .swiper1 .swiper-slide-active .text { padding: 0 .12rem; }
  .swiper1 .swiper-slide-active .data { font-size: .6rem; line-height: .7rem; }
  .swiper1 .swiper-slide-active .title { font-size: .2rem; line-height: .22rem; }
  .swiper1 .swiper-slide-prev .text, .swiper1 .swiper-slide-next .text { padding: 0 .28rem; }
  .swiper1 .swiper-slide-prev .data, .swiper1 .swiper-slide-next .data { font-size: .52rem; line-height: .58rem; }
  .swiper1 .swiper-slide-prev .title, .swiper1 .swiper-slide-next .title { margin: .1rem 0 0; } }
@media screen and (max-width: 1024px) { .banner { margin: 65px 0 0; }
  .banner .img { height: auto; padding: 40% 0 0; }
  .column { justify-content: flex-start !important; margin: .3rem 0 .2rem; }
  .column h3 { font-size: .38rem; }
  .home1 .l-box { width: 100%; }
  .home1 .r-box { width: 100%; }
  .home1 .r-box .column h3, .home1 .r-box .column .more { line-height: .9rem; }
  .pic-list1 .img-frame { padding: 64.58% 0 0; }
  .news-list2 .title { height: auto; }
  .home2 { padding-bottom: 1rem; }
  .home2::after { height: 4rem; }
  .swiper1 { height: 3.8rem; }
  .swiper1 .title { font-size: .16rem; line-height: .18rem; }
  .swiper1 .data { font-size: .38rem; line-height: .4rem; }
  .swiper1 .swiper-slide-active .data { font-size: .5rem; line-height: .6rem; }
  .swiper1 .swiper-slide-active .title { font-size: .18rem; line-height: .2rem; }
  .swiper1 .swiper-slide-prev .data, .swiper1 .swiper-slide-next .data { font-size: .44rem; line-height: .48rem; }
  .swiper1 .swiper-arrow { top: 2.6rem; }
  .home3 { padding: 0 0 .4rem; }
  .pic-list2 { margin: 0 -.1rem; }
  .pic-list2 > li { padding: 0 .1rem; }
  .pic-list2 .text { padding: .14rem 0 0; }
  .pic-list2 .info { margin: .12rem 0 0; }
  .home4 { padding-bottom: .65rem; }
  .home4 .l-box { width: 100%; }
  .home4 .r-box { width: 100%; }
  .home4 .b-box { padding: .4rem 0 0; }
  .home4 .b-box .img-zoom { width: 100%; }
  .home4 .b-box .a1 { margin: 0 0 .2rem; }
  .home4 .b-box .text { height: 1.2rem; }
  .home4 .b-box .text img { max-height: .8rem; }
  .home4 .b-box p { font-size: .3rem; }
  .news-list3 a { border-color: #0C5AA0; }
  .news-list3 a::after { opacity: 1; }
  .news-list3 .box1 { display: none; }
  .news-list3 .box2 { display: flex; } }
@media screen and (max-width: 768px) { .banner .pagination { bottom: .2rem; }
  .column { margin: .24rem 0 .14rem; }
  .column h3 { font-size: .32rem; }
  .pic-list1 li { width: 100%; }
  .pic-list1 .img-zoom { padding: 0 0 .25rem; }
  .pic-list1 .title { height: auto; }
  .news-list1 li { width: 100%; }
  .news-list1 .title { height: auto; }
  .home1 .r-box .column { padding: 0 .2rem; }
  .home1 .r-box .column .more { right: .2rem; }
  .news-list2 { padding: .15rem 0 .2rem; }
  .news-list2 a { padding: .12rem .2rem; }
  .news-list2 .text { padding: 0 0 .15rem; }
  .home2 { padding-bottom: .5rem; }
  .home2::after { height: 3rem; }
  .swiper1 { height: 3.2rem; }
  .swiper1 .data { font-size: .3rem; line-height: .36rem; }
  .swiper1 .swiper-slide-active .data { font-size: .4rem; line-height: .46rem; }
  .swiper1 .swiper-slide-active .title { font-size: .16rem; line-height: .18rem; }
  .swiper1 .swiper-slide-prev .text, .swiper1 .swiper-slide-next .text { padding: 0 .18rem; }
  .swiper1 .swiper-slide-prev .data, .swiper1 .swiper-slide-next .data { font-size: .35rem; line-height: .4rem; }
  .swiper1 .swiper-arrow { top: 2.2rem; width: .52rem; height: .4rem; background-size: 70%; background-color: rgba(255, 255, 255, 0.8); border-radius: 4px; }
  .pic-list2 { margin: 0; }
  .pic-list2 > li { width: 100%; padding: .25rem 0; border-bottom: 1px solid rgba(12, 90, 160, 0.3); }
  .pic-list2 > li:first-child { padding-top: 0; }
  .pic-list2 .text { padding: .1rem 0 0; }
  .pic-list2 .text::after { margin: .12rem 0 0; }
  .news-list3 .box2 { flex-wrap: wrap; padding: .15rem; }
  .news-list3 .box2 .img-frame { width: 100%; padding: 60% 0 0; }
  .news-list3 .box2 .text { width: 100%; padding: .1rem 0 0; }
  .swiper2 { height: 4.8rem; }
  .home4 .b-box { padding: .3rem 0 0; }
  .home4 .b-box .text { height: .9rem; padding: 0 .2rem; }
  .home4 .b-box .text img { max-height: .6rem; }
  .home4 .b-box p { font-size: .24rem; }
  .home4 .b-box i { width: .4rem; height: .4rem; } }
@media screen and (max-width: 520px) { .banner { margin: 54px 0 0; }
  .banner .img { padding: 42% 0 0; }
  .banner .pagination { bottom: .1rem; }
  .column { margin: .25rem 0 .15rem; }
  .column h3 { font-size: .26rem; line-height: .4rem; letter-spacing: -1px; }
  .more { line-height: .4rem; }
  .pic-list1 .img-zoom { padding: 0 0 .2rem; }
  .news-list1 a { padding: .18rem 0 .12rem; }
  .home1 .r-box .column { padding: 0 .15rem; }
  .home1 .r-box .column h3, .home1 .r-box .column .more { line-height: .7rem; }
  .home1 .r-box .column .more { right: .15rem; }
  .news-list2 { padding: .1rem 0; }
  .news-list2 a { padding: .1rem .15rem; }
  .home2::after { display: none; }
  .swiper1 { height: 2rem; }
  .swiper1 .swiper-arrow { display: none; }
  .swiper1 .text { padding: 0 .1rem !important; }
  .swiper1 .text::before { opacity: 1 !important; transform: none !important; }
  .swiper1 .text::after { display: none; }
  .swiper1 .data { color: #0C5AA0 !important; font-size: .32rem !important; line-height: .4rem !important; }
  .swiper1 .title { margin: 4px 0 0 !important; font-size: 12px !important; line-height: 14px !important; color: #333 !important; }
  .swiper2 { height: 4.2rem; } }

/*# sourceMappingURL=index.css.map */