@charset "utf-8";
/* CSS Document */


.main-bj{ width: 100%; margin: .52rem 0 .51rem 0; height: calc(100vh - 1.2rem);overflow: hidden;}
.bja{ width: 100% ; position: absolute; left: 0;bottom: .6rem; z-index: 1;}
.Sectiona-bj{ width: 100%; position: relative; min-height: 1.35rem;margin-bottom: .05rem;position: relative;z-index: 2; overflow: hidden;}
.seac-bj{ width: 92%;margin: 0 auto; position: relative; overflow: hidden;}
.seac-bj .tit{ height: .34rem;line-height: .34rem; font-size: .16rem; font-weight: bold ;color: #fff ;float: left;padding-left: .36rem}
.seac-box{ width: calc(100% - 1.25rem); height: .34rem; border-radius:.34rem; background: rgba(255, 255, 255, 0.2) ; float: right; position: relative;  }
.seac-box .search{ width: calc(100% - .34rem) ;height: .34rem ;font-size: .12rem;color: #555; text-indent: .14rem;}
.seac-box .submit{ width: .34rem; height: .34rem; background: url(../images/sec.png) no-repeat .07rem; background-size: .14rem auto; position: absolute; right: 0;top: 0; font-size: 0}
.seac-box .search::-webkit-input-placeholder{color: #eaeaea}

.swiper-container1 { width: 92%; margin:  0 auto; height: calc(47vw + .2rem); max-height: 325px; margin-bottom: .2rem; margin-top: .15rem;position: relative; overflow: hidden; }
.swiper-container1 .swiper-slide {text-align: center;font-size: 18px;}
.swiper-container1 .swiper-slide img{ width:100%; height: 47vw; max-height: 307px; object-fit: cover ; border-radius: .06rem; -webkit-border-radius: .06rem; -moz-border-radius: .06rem; -ms-border-radius: .06rem; -o-border-radius: .06rem; }
.swiper-container1 .swiper-pagination{ bottom:0 !important}
.swiper-container1 .swiper-pagination span{ display:inline-block; width:4px; height:4px; background-color: #cecece; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 1; }
.swiper-container1 .swiper-pagination .swiper-pagination-bullet-active{ width: 20px ; border-radius: 4px; background-color: #1b4590; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }





.links-box{ width: 92% ;margin: 0 auto; padding: .05rem 0 .2rem 0; overflow: hidden;}
.links-box .lkb{ width: calc(50% - .05rem );float: left; margin-bottom: .07rem ;position: relative;}
.links-box .lkb img{ width: 100%; height: 100%; border-radius: .03rem; -webkit-border-radius: .03rem; -moz-border-radius: .03rem; -ms-border-radius: .03rem; -o-border-radius: .03rem; }
.links-box .lkb1{ height: 1.18rem; object-fit: cover}
.links-box .lkb2{float: right;height: .55rem; object-fit: cover}
.links-box .lkb3{float: right;height: .55rem; object-fit: cover}
.links-box .lkb4{ width: 100%; height: .55rem; object-fit: cover}
.links-box .lkb6{height: .55rem; object-fit: cover}
.links-box .lkb5{ height: 1.18rem;float: right; object-fit: cover}
.links-box .lkb .zhe{width: 96%; height: 100%; position: absolute; left: 4%;top: 0; overflow: hidden;}
.links-box .lkb .zhe h3{font-size: .14rem; line-height: .14rem; font-weight: bold ;color: #fff ;margin: .13rem 0 .02rem 0}
.links-box .lkb .zhe h4{font-size: .1rem; color: #c7f4fb}
.links-box .lkb i{ width: .14rem; height: .06rem; background: url(../images/jt.png) no-repeat; background-size: 100% auto; display: block; position: absolute; right: 4%;top: .22rem}
.links-box .lkb2 .zhe h4{color: #f8e5c8}
.links-box .lkb3 .zhe h4{color: #baeee2}
.links-box .lkb4 .zhe h4{color: #fce0e5}
.links-box .lkb5 .zhe h4{color: #6785e7}
.links-box .lkb6 .zhe h4{color: #d0f1eb}




@media screen and (width: 360px) {
   
}