@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;}
.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: .16rem}
.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-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: #b31011; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.ico-box{ width: 100%; padding: .23rem 0 .15rem 0; overflow: hidden;}
.ico-box ul{ width: 100%;}
.ico-box ul li{ width: 25%; 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 ;}

.Sectionb-bj{ width: 92%; padding: 0 4% 0 4%;background-color: #fff ;margin-bottom: .05rem; overflow: hidden;}
.titel{width: 100% ; position: relative; border-bottom: 1px solid #bfbfbf ;margin:.18rem 0 0 0 ; padding-bottom: .1rem; overflow: hidden;}
.titel h3{ line-height: .2rem; font-size: .16rem ; color: #333 ;float: left; padding-left: .12rem }
.titel a{font-size: .12rem; color: #999 ; text-transform: uppercase; position: absolute; right: 0;top: .01rem;}
.titel a span{color: #b31011}
.titel i{ width: .03rem; height: .2rem; background-color: #b31011; position: absolute; left: 0; top: 0rem; border-radius:.03rem ; -webkit-border-radius:.03rem ; -moz-border-radius:.03rem ; -ms-border-radius:.03rem ; -o-border-radius:.03rem ; }

.news{width: 100% ; padding: .08rem 0 .15rem 0 }
.news ul{width: 100% ;}
.news ul li{width: 100% ; border-bottom: 1px dashed #bfbfbf ; padding: .1rem 0; overflow: hidden;}
.news ul li .nw{ width: 1.15rem ; height: .86rem; float: left; object-fit: cover ; border-radius:.03rem ; -webkit-border-radius:.03rem ; -moz-border-radius:.03rem ; -ms-border-radius:.03rem ; -o-border-radius:.03rem ; }
.news ul li .nr{ width: calc(100% - 1.25rem) ;float: right}
.news ul li h3{width: 100%;font-size: .14rem;color: #333;max-height: .32rem;line-height: .16rem; display: -webkit-box;
 -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: .04rem; text-align: justify; overflow: hidden;}
.news ul li h5{width: 100%;font-size: .12rem;color: #777;max-height: .28rem;line-height: .14rem; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: .03rem; text-align: justify; overflow: hidden;}
.news ul li h4{ height: 100% ; height: .2rem; line-height: .2rem;  background: url(../images/tim.png) no-repeat left center ;background-size: .12rem ;}
.news ul li h4 span{ height: .2rem ;line-height: .2rem;color: #999;font-size: .12rem; display: inline-block ; padding-left: .18rem}
.news ul li.noa .nw{display: none}
.news ul li.noa .nr{ width: 100%}
.news ul li:last-child{border: none}


.Sectionc-bj{ width: 92%; padding: 0 4% .1rem 4%;background-color: #fff ;margin-bottom: .05rem; overflow: hidden;}
.swiper-container5 {width: 100%; height: 3.3rem ;position: relative; margin: .15rem 0 .2rem 0;}
.swiper-container5  .swiper-slide { height: 1.43rem;text-align: center;margin-bottom: .15rem ;margin-top: 0 !important; background-color: #fff ;}
.swiper-container5 .swiper-slide img{ width:100%; height: 1.04rem ;object-fit: cover}
.swiper-container5 .swiper-slide h4{ width: 92%; margin: 0 auto; height: .14rem; line-height: .14rem; font-size: .12rem ;color: #333333 ; overflow: hidden;}
.swiper-container5 .swiper-slide i{ width: .2rem; height: 1px; background-color: #f3651a ;display: block ;margin: .08rem 0 .07rem 4%}
.swiper-container5 .swiper-pagination{ width: 100%;text-align: center; bottom: 0 !important}
.swiper-container5 .swiper-pagination span{ display:inline-block; width:4px; height:4px; background-color: #cecece; border-radius:4px; opacity: 1; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; opacity: 1; }
.swiper-container5 .swiper-pagination .swiper-pagination-bullet-active{ width: 20px; background-color: #f3651a; opacity: 1;  }


.Sectiond-bj{ width: 92%; padding: 0 4% 0 4%;background-color: #fff ; margin-bottom: .05rem; overflow: hidden;}

.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: #fff; float: left;border-right: 1px solid #bfbfbf}
.obtain ul li a .obl h5{width: 100%;text-align: center; height: .22rem; line-height: .22rem ;font-size: .16rem; color: #333;overflow: hidden;}
.obtain ul li a .obl h6{width: 100%;  height: .26rem; line-height: .26rem ;font-size: .12rem; color: #999;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:last-child{border: none}


.swiper-container4{ width: 100% ; padding: .14rem 0 0 0; overflow: hidden;}
.swiper-container4 .swiper-slide { display: flex; align-items: top; overflow: hidden; background: none ;position: relative;}
.swiper-container4 .swiper-slide a{ width: 100% ;text-align: center; }
.swiper-container4 .swiper-slide a img{ width: 100%; height: 1.07rem; border-radius:.03rem; object-fit: cover; margin-bottom: .07rem; -webkit-border-radius:.03rem; -moz-border-radius:.03rem; -ms-border-radius:.03rem; -o-border-radius:.03rem; }
.swiper-container4 .swiper-slide a h4{ width: 100%; height: .32rem;line-height: .16rem; font-size: .14rem; color: #333 ;text-align: left; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;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: 18px; background-color: #b31011; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }

.xztz{ width: 92%; padding: .2rem 4% ; background: url(../images/bjy.jpg) no-repeat center center; background-size: cover; margin-bottom: .05rem;  overflow: hidden;}
.xztz img{ width: 100%; border-radius: .03rem; -webkit-border-radius: .03rem; -moz-border-radius: .03rem; -ms-border-radius: .03rem; -o-border-radius: .03rem; }
















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