body { font: 18px/1.6 "Mocrosoft YaHei", sans-serif; min-width: 1400px; background: #0095E3; color: #fff; overflow-x: hidden }
a { color: #fff }
.banner { display: flex; justify-content: center; position: relative; width: 100% }
.banner img { max-width: 1920px }
.banner::after { content: ""; background: url(./images/bg_banner.jpg) no-repeat center; position: absolute; top: 100%; left: calc(50% - 960px); width: 1920px; height: 430px }
.wrapper { width: 1200px; margin: 0 auto 50px; z-index: 1; position: relative; overflow: hidden }
.nav { display: flex; justify-content: space-between; padding: 0 14px; box-sizing: border-box; width: 1200px; margin: 0 auto 50px; z-index: 9; position: relative }
.nav p { width: 185px; transform: skew(20deg); background: linear-gradient(#0730B5, #0E5CFA); border: 2px solid #3066de; text-align: center; line-height: 50px; position: relative; box-sizing: border-box }
.nav p>a { display: block; transform: skew(-20deg); font-weight: bold }
.nav p:hover span { opacity: 1; visibility: visible }
.nav span { position: absolute; top: 51px; left: -2px; display: block; width: 102%; background: rgba(14,87,245,.7); transform: skew(-20deg); padding: 0 10px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all .3s; transform-origin: 0 0 }
.nav span a { display: block; padding: 2px 0; border-top: 1px dashed #fff }
.nav span a:first-child { border: none }
.headlineSwiper .swiper-slide { position: relative }
.headlineSwiper .swiper-slide p { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.75); text-align: center; padding: 10px; box-sizing: border-box }
.headlineSwiper .swiper-slide img { width: 100% }
.headlineSwiper .swiper-button-next,
.headlineSwiper .swiper-button-prev { color: #fff; background: rgba(0,0,0,.4); padding: 10px 5px }
.headlineSwiper .swiper-button-next::after,
.headlineSwiper .swiper-button-prev::after { font-size: 22px }
.headlineSwiper .swiper-button-prev { left: 0; border-top-right-radius: 7px; border-bottom-right-radius: 7px; padding-left: 2px }
.headlineSwiper .swiper-button-next { right: 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; padding-right: 2px }
.column { width: 100%; height: 58px; margin-bottom: 30px; background: url("./images/bg_Column1.png") no-repeat bottom center; text-align: center; padding-top: 20px }
.column a { font-size: 40px; font-family: "微软雅黑"; font-weight: bold; display: block; line-height: 1em; margin-top: -2px; }
.column1 { background-image: url("./images/bg_Column1.png") }
.column1 a { font-size: 40px; font-family: "微软雅黑"; font-weight: bold; display: block; line-height: 1em; margin-top: -2px; }
.Box { width:100%; margin:0 auto; background:url(./images/bg_Box.jpg) no-repeat center top #0095E3;}
.sceneSwiper p { margin-top: 10px; font-size: 16px }
.news { display: flex; justify-content: space-between }
.news>div { width: 573px }
.news_list li { position: relative; padding-left: 20px; margin-bottom: 20px }
.news_list li:first-child { padding: 0 }
.news_list li:first-child::before { content: none }
.news_list li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; top: 12px; left: 0; position: absolute }
.news_list h2 { font-size: 22px }
.news_list span { font-size: 14px; }
.active { overflow: unset }
.activeSwiper { overflow: hidden }
.activeSwiper .swiper-slide { width: 316px; height: auto; background: #fff; border-radius: 10px; padding: 9px 9px 40px; box-sizing: border-box; color: #000 }
.activeSwiper .swiper-slide a { color: #000 }
.activeSwiper .swiper-slide img { border-radius: 10px; width: 100% }
.activeSwiper .swiper-slide h2 { margin-top: 20px; font-size: 22px }
.active .swiper-pagination { position: relative; bottom: 0; margin-top: 20px }
.active .swiper-pagination span { opacity: 1; background: #0b49dc }
.active .swiper-pagination span.swiper-pagination-bullet-active { background: #fff }
.active .swiper-button-next,
.active .swiper-button-prev { color: #fff; width: 38px; height: 38px; border-radius: 50%; background: #0060be; top: 320px }
.active .swiper-button-next::after,
.active .swiper-button-prev::after { font-size: 18px }
.active .swiper-button-prev { left: -40px }
.active .swiper-button-next { right: -40px }
.pic .swiper-slide { width: 900px; position: relative }
.pic .swiper-slide img { width: 900px; height: 506px }
.pic .swiper-slide p { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); text-align: center; padding: 10px; box-sizing: border-box }
.pic .swiper-button-next,
.pic .swiper-button-prev { top: 255px; color: #000; background: rgba(255,255,255,.4); padding: 0 10px }
.pic .swiper-button-next::after,
.pic .swiper-button-prev::after { font-size: 22px }
.pic .swiper-button-prev { left: 0 }
.pic .swiper-button-next { right: 0 }
.recommend_list { display: flex; justify-content: space-between }
.recommend_list li { width: 260px }
.recommend_list p { font-size: 16px; margin-top: 10px }
.footer { border-top: 1px solid #093cc7; text-align: center; padding: 40px 0 }
.ban { width:1200px; margin:0 auto 50px;}
.ban img { width:1200px; height:120px;}
@media screen and (max-width: 1200px) {
.banner img { max-width: 100% }
.banner::after { width: 100%; left: 0 }
}/*# sourceMappingURL=home.min.css.map */