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

.tzg-box{ width: 92%; margin:  0 auto;margin-top: .2rem ;margin-bottom: .16rem;padding: .03rem 0; background-color: #fff5eb; overflow: hidden;}
.tzg-box .tz{ width: .14rem ;float: left;margin: .07rem 0 0 .1rem}
.tzg-box .xtt{ width: calc(100% - .34rem);float: right;}
.swiper-container2 { width: 100%;height:  .32rem; position: relative; overflow: hidden; }
.swiper-container2 .swiper-slide {width: 100% ;height:  .32rem;  overflow: hidden;}
.swiper-container2 .swiper-slide h3{ width: 100%; height:  .32rem;background: url(../images/rt.png) no-repeat 96% center; background-size: .07rem auto; overflow: hidden;}
.swiper-container2 .swiper-slide h3 span{ width: 90%;height: .32rem; line-height: .32rem; font-size: .12rem ;color: #282828 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: block; overflow: hidden; }
.swiper-container2 .swiper-pagination{opacity: 0;}

.icon-box{ width: 100%; padding: .23rem 0 .05rem 0; overflow: hidden;}
.icon-box ul{ width: 92%;margin: 0 auto;}
.icon-box ul li{ width: 20%; text-align: center ;float: left;}
.icon-box ul li a{ width: 100% ;display: block ;}
.icon-box ul li a img{ width: .26rem ;margin-bottom: .06rem}
.icon-box ul li a h5{font-size: .12rem; color: #282828}

.titel-box{ width: 100% ;border-bottom: 1px solid #eee ;text-align: center; padding: 0 0 .1rem 0}
.titel-box h3{ line-height: .16rem; font-size: .16rem; color: #282828 ;margin-bottom: .03rem}
.titel-box h4{ font-size: .1rem; color: #a8a8a8 ;}

.cent-b{ width: 92%;margin: 0 auto}
.news{width: 100% ; padding: .08rem 0 .19rem 0 }
.news ul{width: 100% ;}
.news ul li{width: 100% ; border-bottom: 1px dashed #e5e5e5 ; padding: .1rem 0; overflow: hidden;}
.news ul li .nw{ width: 1.15rem ; height: .86rem; float: left; object-fit: cover ;  }
.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/jt2.png) no-repeat right center; background-size: .13rem auto}
.news ul li h4 span{ background: url(../images/tim.png) no-repeat left center ;background-size: .12rem ; height: .2rem ;line-height: .2rem;color: #333;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} */

.gd-box{ width: 100% ;text-align: center}
.gd-box a{ width: 1rem; height: .3rem; line-height: .3rem; text-align: center ;display: inline-block ;border: solid 1px #e5e5e5 ;font-size: .12rem; color: #7a7a7a;text-transform: uppercase}
.padb{ padding-bottom: .22rem}


.empstyle-box{ width: 92% ;background-color: #fff ; padding: .18rem 4% 0 4% ;margin-bottom: .05rem; overflow: hidden;}
.pict{ width: 100%; padding: .18rem 0 0 0; overflow: hidden;}
.pict ul{ width: 100%;}
.pict ul li{ width: calc(50% - .07rem) ;float: left; background-color: #fff; margin-bottom: .14rem;}
.pict ul li a{ width: 100%;display: block ; position: relative; overflow: hidden;}
.pict ul li a img{ width: 100%; height: 1.05rem; object-fit: cover; }
.pict ul li a i{ width: .28rem; height: 1px; background-color:#f3651a ; display: block ; margin: .1rem 0 0 4%}
.pict ul li a h3{ width: 92%; height: .36rem; line-height: .36rem; font-size: .14rem; color: #333;text-align: center; margin-left: 4%; overflow: hidden;}
.pict ul li:nth-child(even){float: right}
.pict ul li a .zhe{width: 100%; height: 1.05rem; line-height: 1.05rem;text-align: center; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0;top: 0; overflow: hidden;}
.pict ul li a .zhe span{ font-size: .26rem ; color: #fff ;}

.cy-box{width: 92% ;background-color: #fff ; padding: .18rem 4% 0 4% ;margin-bottom: .05rem; overflow: hidden;}
.tel-box{ width: 100% ;text-align: center ; white-space: nowrap; overflow-x: auto ;margin: .15rem 0}
.tel-box h3{display: inline-block ;font-size: .14rem; color: #282828 ;}
.tel-box span{display: inline-block ;font-size: .14rem; color: #282828 ;padding: 0 .1rem}
.tel-box h3.on{color: #f08519}

.went{ width: 100%;}
.went ul{ width: 100%;padding: .03rem 0 .19rem 0}
.went ul li{ width: 100%; border-bottom: 1px dashed #e5e5e5;}
.went ul li a{ width: 100% ;display: block ; padding: .12rem 0}
.went ul li a h3{ width: 100% ; max-height: .44rem ; line-height: .22rem; font-size: .14rem; color: #333 ; margin-top: .06rem; overflow: hidden;}
.went ul li a h4{ width: 100% ; height: .16rem ; line-height: .16rem; font-size: .12rem; color: #797979 ;overflow: hidden;}

.links-box{width: 92% ;background-color: #fff ; padding: .18rem 4% 0 4% ; overflow: hidden; }
.yql{ width: 100% ; position: relative;}
.yql h3{display: inline-block ;font-size: .16rem; color: #282828}
.yql span{display: inline-block ;font-size: .1rem ;color: #a8a8a8 ;padding-left: .05rem}
.yql a{text-transform: uppercase; font-size: .12rem; color: #7a7a7a ;position: absolute; right: 0 ;top: 0 ;}

.lks{ width: 100% ; padding: .15rem 0 .2rem 0; overflow: hidden;}
.lks ul li{ width: calc(33.33% - .05rem) ;float: left;margin-right: .07rem ;margin-bottom: .07rem}
.lks ul li a{ width: 100% ;display: block}
.lks ul li img{ width: 100% ;height: .486rem;object-fit: cover}
.lks ul li:nth-child(3n+3){margin-right: 0}




















@media screen and (width: 360px) {
    .lks ul li img{height: .55rem;}
}