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


.main-bj{ width: 100%; margin: .7rem 0 .51rem 0; overflow: hidden;}
.swiper-container1 { width: 100%;position: relative; overflow: hidden; }
.swiper-container1 .swiper-slide {text-align: center;font-size: 18px;}
.swiper-container1 .swiper-slide img{ width:100%; height: 53.1vw; max-height: 307px; object-fit: cover ;  }
.swiper-container1 .swiper-pagination{ bottom:.34rem !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: 18px ; border-radius: 4px; background-color: #214a9a; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.bka-bj{ width: 100%;background: url(../images/bj.jpg) repeat-y top center; background-size: 100% auto; margin-bottom: .05rem }
.bka-c{ width: 92%; margin: 0 auto; padding: .15rem 0 .1rem 0; position: relative;}
.ico-box{ width: 100%; padding: .23rem 0 .15rem 0; overflow: hidden;}
.ico-box ul{ width: 100%;}
.ico-box ul li{ width: 25%;height: .6rem; float: left;text-align: center}
.ico-box ul li img{ width: .4rem; margin-bottom: .09rem }
.ico-box ul li h3{line-height: .12rem; font-size: .12rem; color: #444 ;}

.seac-box{ width: 100%; height: .4rem; border-radius:.4rem ; background-color: #fff ; position: absolute; top: -.2rem; -webkit-border-radius:.4rem ; -moz-border-radius:.4rem ; -ms-border-radius:.4rem ; -o-border-radius:.4rem ; box-shadow: rgba(48, 126, 172, 0.2) 0 0 .08rem .02rem; z-index: 5; }
.seac-box .search{ width: calc(100% - .44rem) ;height: .4rem ;font-size: .12rem;color: #555; text-indent: .16rem;}
.seac-box .submit{ width: .4rem; height: .4rem; background: url(../images/sec.png) no-repeat .07rem; background-size: .16rem auto; position: absolute; right: 0;top: 0; font-size: 0}
.seac-box .search::-webkit-input-placeholder{color: #9a9a9a}


.bkb-bj{ width: 100%;background: url(../images/bj.jpg) repeat-y top center; background-size: 100% auto; margin-bottom: .05rem ;overflow: hidden;}
.bkb-c{ width: 92%; margin: 0 auto; position: relative;}
.titel-box{ width: 100% ; padding: .15rem 0 .1rem 0; border-bottom: 1px solid #dcdcdc ;position: relative; overflow: hidden;}
.titel-box img{ width: .15rem; float: left;margin-right: .05rem}
.titel-box h3{line-height: .16rem ;float: left;font-size: .14rem;color: #555 ;margin-right: .14rem}
.titel-box h3.on{font-size: .16rem; color: #214a9a}
.titel-box a{font-size: .12rem; color: #999 ;text-transform: uppercase; position: absolute; right: 0;top: .15rem}
.titel-box a i{color: #214a9a}
.tit-box2 a:last-child{display: none}

.box-t{width: 100%; padding: .15rem 0 0 0}
.swiper-container2 {width: 100%; position: relative; margin-bottom: .12rem; padding-bottom: .05rem;z-index: 3; overflow: hidden;}
.swiper-container2 .swiper-slide{ width: 100%;background-color: #fff ; position: relative; padding-bottom: .07rem; box-shadow: rgba(48, 126, 172, 0.1) 0 0 .04rem .01rem;}
.swiper-container2 .swiper-slide img{ width: 100% ; height: 69vw; max-height: 441px ;margin-bottom: .08rem}
.swiper-container2 .swiper-slide h3{ width: 92%;margin: 0 auto; height: .4rem;line-height: .2rem; font-size: .14rem; color: #333 ;text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.swiper-container2 .swiper-slide h3 span{color: #214a9a}
.swiper-container2 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: .2rem}
.swiper-container2 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: .2rem}
.swiper-container2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: .625rem;color: #fff ;}
.swiper-container2 .swiper-pagination{ width: 96%; text-align: right; }
.swiper-container2 .swiper-slide .time{ width: 100%; background: rgba(0, 0, 0, 0.5) ; height: .34rem; position: absolute; left: 0;bottom: .55rem}
.swiper-container2 .swiper-slide .time h5{ line-height: .34rem; font-size: .12rem; color: #fff ;background: url(../images/time.png) no-repeat left center; background-size: .12rem auto; padding-left: .19rem;margin-left: 4%}
 
.swiper-container2 .swiper-button-next, .swiper-button-prev{top: 35%}

.obtain{width: 100% ;}
.obtain ul{width: 100% ; padding: .05rem 0 0 0}
.obtain ul li{width: 100% ;border-bottom: 1px dashed #bfbfbf;}
.obtain ul li a{ width: 100%; display: block; padding: .14rem 0 ; overflow: hidden;}
.obtain ul li a .obl{ width: .56rem;  background-color: #e6eaf3; float: left;}
.obtain ul li a .obl h5{width: 100%;text-align: center;background-color: #214a9a; height: .22rem; line-height: .22rem ;font-size: .12rem; color: #fff;overflow: hidden;}
.obtain ul li a .obl h6{width: 100%;  height: .26rem; line-height: .26rem ;font-size: .16rem; color: #214a9a;text-align: center; overflow: hidden;}
.obtain ul li a .obr{ width: calc(100% - .67rem) ; height: .49rem; float: right;display: flex; align-items: center; justify-content: center;  padding-left: .1rem;}
.obtain ul li a .obr h3{ width: 100% ; max-height:.48rem; line-height: .24rem;  font-size: .14rem; color: #333;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-align: justify; overflow: hidden;}
.obtain ul li a .obr h3 span{color: #214a9a}
.obtain ul li:last-child{border: none}
.obtain ul li:nth-child(1) a{ padding-top: 0}


.bkc-bj{ width: 100%; margin-bottom: .05rem ;overflow: hidden;}
.bkc-c{ width: 100%; position: relative;}
.bkc-c img{ width: 50%;float: left;}

.bkd-bj{ width: 100%;background: url(../images/bj2.jpg) no-repeat top center; background-size: cover; margin-bottom: .05rem ;overflow: hidden;}
.bkd-c{ width: 92%; margin: 0 auto; position: relative;}

.swiper-container5 {width: 100%;margin: 0 auto; height: 3.6rem ; padding-top: .15rem; position: relative;z-index: 3;}
.swiper-container5  .swiper-slide { width: 100%; height: .97rem; background-color: #fff ; text-align: left;margin-bottom: .1rem ;margin-top: 0 !important;box-shadow: rgba(48, 126, 172, 0.1) 0 0 0.04rem 0.01rem; overflow: hidden;}
.swiper-container5 .swiper-slide img{ width:1.3rem; height: .97rem ;float: left; object-fit: cover}
.swiper-container5 .swiper-slide .mh{ width: calc(100% - 1.5rem);float: left;margin-left: .1rem}
.swiper-container5 .swiper-slide .mh h3{ width: 100% ; height: .2rem; line-height: .2rem ;font-size: .14rem; color: #333; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;margin: .09rem 0 .05rem 0;}
.swiper-container5 .swiper-slide .mh h4{ width: 100% ; height: .2rem; line-height: .2rem ;font-size: .12rem; color: #777; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;margin-bottom: .01rem}
.swiper-container5 .swiper-slide .mh h4 span{color:#214a9a }
.swiper-container5 .swiper-slide .mh h5{  width: 100% ; max-height:.32rem; line-height: .16rem;  font-size: .12rem; color: #777;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-align: justify; overflow: hidden;}
 .swiper-container5 .swiper-pagination span{ display:inline-block; width:4px; height:4px; background-color: #bfbfbf; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.swiper-container5 .swiper-pagination .swiper-pagination-bullet-active{width: 12px; background-color: #1571f7;  border-radius:6px;}
.swiper-container5  .swiper-pagination{bottom: .2rem}


.bke-bj{ width: 100%;background: url(../images/bj3.jpg) no-repeat top center; background-size: cover; margin-bottom: .05rem ;overflow: hidden;}
.bke-c{ width: 92%; margin: 0 auto; position: relative;}

.swiper-container4{ width: 100% ; padding: .14rem 0 .1rem 0; overflow: hidden;}
.swiper-container4 .swiper-slide { display: flex; align-items: top; overflow: hidden; background: none ; background-color: #214a9a; position: relative;}
.swiper-container4 .swiper-slide a{ width: 100% ;text-align: center; padding: 1px; }
.swiper-container4 .swiper-slide a img{ width: 100%; height: 1.04rem; object-fit: cover;}
.swiper-container4 .swiper-slide a h4{ width: 100%; height: .32rem;line-height: .32rem; font-size: .14rem; color: #fff ; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.swiper-container4 .swiper-pagination{ position: inherit; padding: .24rem 0 .1rem 0}
.swiper-container4 .swiper-pagination span{ display:inline-block; width:4px; height:4px; background-color: #bfbfbf; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.swiper-container4 .swiper-pagination .swiper-pagination-bullet-active{width: 12px; background-color: #1571f7;  border-radius:6px;}



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