@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; }

.tzg-box{ width: 92%; margin:  0 auto;margin-top: .2rem ;margin-bottom: .16rem; overflow: hidden;}
.tzg-box .tz{ width: .4rem ;float: left;margin: 0 0 0 0}
.tzg-box .xtt{ width: calc(100% - .49rem);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; display: flex; align-items: center; justify-content: left; overflow: hidden;}
.swiper-container2 .swiper-slide h3 span{ width: 100%;max-height: .32rem; line-height: .16rem; font-size: .12rem ;color: #747474 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.swiper-container2 .swiper-pagination{opacity: 0;}

.mc-box{ width: 92% ;margin: 0 auto; overflow: hidden;}
.guide-box{ width: 100% ;background: -webkit-linear-gradient(top,#fad191,#fef0dc) ; overflow: hidden;margin-bottom: .22rem;}
.guide-box .tiel{ width: 100% ;border-bottom: 1px solid #f0ac76;position: relative; margin: .04rem 0 0 0; overflow: hidden;}
.guide-box .tiel img{ width: .86rem; float: left;}
.guide-box .tiel a{display: inline-block ;background-color: #e0a265 ; padding: .05rem .1rem; position: absolute; right: 0;top: .05rem}
.guide-box .tiel a span{height: .12rem;line-height: .12rem; border-left: 1px solid #fff;display: inline-block; padding-left: .1rem;font-size: .12rem; color: #fff}
.guide-box p{ width: 90% ; padding:3% 5% ;font-size: .12rem; color: #9d5d1e ; line-height: .22rem;}


.dynamic-box{ width: 100% ;}

.news{width: 100% ; padding: .05rem 0 .15rem 0}
.news ul{width: 100% ;}
.news ul li{width: 100% ; border-bottom: 1px solid #eee ; padding: .1rem 0; overflow: hidden;}
.news ul li .nw{ width: 1.15rem ; height: .86rem; float: left; object-fit: cover ; border-radius:.02rem ; -webkit-border-radius:.02rem ; -moz-border-radius:.02rem ; -ms-border-radius:.02rem ; -o-border-radius:.02rem ; }
.news ul li .nr{ width: calc(100% - 1.25rem) ;float: right}
.news ul li h3{width: 100%; height: .12rem; line-height: .12rem; font-size: .12rem;color: #3770d3; overflow: hidden;}
.news ul li h4{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:.08rem 0 .04rem 0; text-align: justify; overflow: hidden;}
.news ul li h5{width: 100%;font-size: .12rem;color: #9b9b9b;max-height: .28rem;line-height: .14rem; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-align: justify; overflow: hidden; }

.news ul li.noa .nw{display: none}
.news ul li.noa .nr{ width: 100%}
/* .news ul li:last-child{border: none} */



.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:.12rem 0 0rem 0; position: relative;}
.titel-box .rm{float: left;}
.titel-box .rm img{ width: .18rem ;float: left;position: relative; top: .025rem}
.titel-box .rm h3{float: left;font-size: .16rem; color: #3259ce ;padding-left: .06rem}
.titel-box h4{ height: .12rem;line-height: .12rem; border-left: 1px solid #7c7c7c;display: inline-block; padding-left: .1rem;position: absolute; right: 0 ;top: .07rem}
.titel-box h4 a{font-size: .12rem; color: #7c7c7c}


.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: .2rem 0 .15rem 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.94rem; object-fit: cover;}
.swiper-container4 .swiper-slide a h4{ width: calc(92% - .1rem);text-align: center; padding: 0 .05rem; height: .32rem;line-height: .32rem; font-size: .14rem; color: #fff ; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background-color: #3770d3; position: relative; left: 4%; bottom: .15rem }
.swiper-container4 .swiper-pagination{ position: inherit; padding: .14rem 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;}



.problem-box{width: 92%;background-color: #fff ; padding: 0 4% ;margin: .05rem 0; overflow: hidden;}
.went{ width: 100%;}
.went ul{ width: 100%;padding: .03rem 0 .15rem 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% ; height: .16rem ; line-height: .16rem; font-size: .14rem; color: #333 ; white-space: nowrap;text-overflow: ellipsis ; margin-bottom: .06rem; overflow: hidden;}
.went ul li a h4{ width: 100% ; height: .16rem ; line-height: .16rem; font-size: .12rem; color: #6e88b4 ;overflow: hidden;}






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