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


.main-bj{ width: 100%; margin: .52rem 0 .51rem 0; overflow: hidden;}
.Sectiona-bj{ width: 100%; position: relative; background-color: #fff ; min-height: 1.35rem;margin-bottom: .05rem; overflow: hidden;}


.swiper-container1 { width: 92%; margin:  0 auto; height: calc(47vw + .2rem); max-height: 325px;  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: #235da8; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.lam{ width: 100% ; padding: .16rem 0 .21rem 0; overflow: hidden;}
.lam ul{ width: 92% ;margin: 0 auto}
.lam ul li{ width: calc(33.333% - .05rem) ;float: left;}
.lam ul li a{ width: 100% ;display: block ;position: relative;}
.lam ul li a img{ width: 100%; height: .474rem ;object-fit: cover}
.lam ul li:nth-child(3){float: right}
.lam ul li:nth-child(2){margin-left:.075rem }
.lam ul li a .zhe{width: 100%; height: .474rem ; line-height: .474rem;text-align: center; position: absolute; left: 0;top: 0;z-index: 2; overflow: hidden;}
.lam ul li a .zhe h4{font-size: .13rem; color: #4b7a35 }
.lam ul li:nth-child(2) .zhe h4{ color: #235da8}
.lam ul li:nth-child(3) .zhe h4{ color: #9d7334}


.work-box{ width: 92%;background-color: #fff ; padding: 0 4% ;margin-bottom: .05rem; overflow: hidden;}
.titel-box{ width: 100%; height: .3rem; border-bottom: 1px solid #dcdcdc ; margin-bottom: .2rem; position: relative;}
.titel-box h4{font-size: .16rem;color: #333 ; background-color: #fff ; position: absolute; left: 0;top: .13rem ;padding-right: .07rem}
.titel-box h5{font-size: .1rem;color: #b4b4b4 ;text-transform: uppercase; position: absolute; left: 0;top: .34rem}
.titel-box a{font-size: .12rem; color: #a7a7a7;text-transform: uppercase; background-color: #fff ;padding-left: .1rem; position: absolute; right: 0 ;top: .21rem}




.swiper-container3 { width: 100% ;position: relative; margin: .33rem 0 0 0; overflow: hidden; }
.swiper-container3 .swiper-slide {width: 100% ;position: relative;}
.swiper-container3 .swiper-slide img{width: 100%  ;height: 67.7vw;max-height: 433px}
.swiper-container3 .swiper-slide .date{ width: .6rem; background-color: #235da8 ; padding: .06rem 0; position: absolute; left: .1rem;bottom: .1rem;z-index: 2;}
.swiper-container3 .swiper-slide .date h5{ width: 100%;text-align: center;line-height: .23rem; font-size: .2rem; color: #fff ; overflow: hidden;}
.swiper-container3 .swiper-slide .date h6{ width: 100%;background-color: #235da8 ; text-align: center; line-height: .14rem; font-size: .12rem; color: #c0d8f8 ; overflow: hidden;}
.swiper-container3 .swiper-pagination{  bottom:.45rem !important ;text-align: center ;text-indent: .1rem}
.swiper-container3 .swiper-pagination span{ display:inline-block; width:6px; height:6px; background-color: #fff; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 0.5; }
.swiper-container3 .swiper-pagination .swiper-pagination-bullet-active{  opacity: 1;}
.swiper-container3 .swiper-slide .zhe{ width: 100% ; height: .36rem;background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0 ;}
.swiper-container3 .swiper-slide .zhe h3{ width: calc(100% - .86rem) ; line-height: .36rem;font-size: .12rem; color: #fff ; white-space: nowrap;text-overflow: ellipsis ;margin-left: .8rem; overflow: hidden;}

.news-list{ width: 100%; padding: .02rem 0 .16rem 0; overflow: hidden;}
.news-list ul{width: 100%;}
.news-list ul li{ width: 100%; height: .44rem; border-bottom: 1px dashed #e5e5e5 ; position: relative;}
.news-list ul li a{ width: calc(100% - .74rem);height: .44rem; line-height:.44rem; float: left;font-size: .14rem; color: #333;text-indent: .1rem; white-space: nowrap; text-overflow: ellipsis ;position: relative;  overflow: hidden;}
.news-list ul li a i{ width:0; display: block;
    height:0; 
    border-top:.04rem solid transparent;
    border-bottom: .04rem solid transparent;
    border-left: .04rem solid #235da8; position: absolute; left: 0;top: .17rem}
.news-list ul li span{ width: .7rem;height: .44rem; line-height:.44rem; float: right;text-align: right;font-size: .12rem; color: #a3a3a3; }


.rules-box{  width: 92%;background-color: #f4f8fd ; padding: .05rem 4% 0 4%;margin-bottom: .05rem; overflow: hidden;}
.tit2 h4{background-color: #f4f8fd ;}
.tit2 a{background-color: #f4f8fd ;}

.obtain{width: 100% ;}
.obtain ul{width: 100% ; padding: .05rem 0 .17rem 0}
.obtain ul li{width: 100% ;border: 1px solid #c0d8f8;margin: .12rem 0 0 0}
.obtain ul li a{ width: 100%; display: block;background-color: #fff ; padding: .1rem 0 ;position: relative; overflow: hidden;}
.obtain ul li a .obl{ width: .63rem;  background-color: #fff; float: left;border-right: 1px solid #c9dbee}
.obtain ul li a .obl h5{width: 100%;text-align: center; height: .22rem;font-weight: bold; line-height: .22rem ;font-size: .16rem; color: #333;overflow: hidden;}
.obtain ul li a .obl h6{width: 100%;  height: .24rem; line-height: .24rem ;font-size: .12rem; color: #999;text-align: center; overflow: hidden;}
.obtain ul li a .obr{ width: calc(100% - .87rem) ; height: .49rem; float: right;display: flex; align-items: center; justify-content: center;  margin-right: .1rem;}
.obtain ul li a .obr h3{ width: 100% ; max-height:.4rem; line-height: .2rem;  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 i{ width: .16rem; height: .02rem;background-color: #235da8 ;display: block ;position: absolute; left: 0;top: 0}

.style-box{  width: 92%;background-color: #fff ; padding: .05rem 4% 0 4%; overflow: hidden;}

.swiper-container4{ width: 100% ; padding: .14rem 0 .15rem 0; overflow: hidden;}
.swiper-container4 .swiper-slide { display: flex; align-items: top; overflow: hidden; background: none ; background-color: #235da8; position: relative;}
.swiper-container4 .swiper-slide a{ width: 100% ;text-align: center;}
.swiper-container4 .swiper-slide a img{ width: 100%; height: 1.058rem; 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: #235da8;  border-radius:6px;}














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