@charset "utf-8";
/* CSS Document */
.frame_box { width: 100%;height: 100vh;}
.frame_box>.swiper-wrapper>.swiper-slide { position: relative;
    /* Center slide text vertically */
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;
    -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;
    align-items: center;}
.hegto{ height: auto !important; display: initial !important}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(2){ height: calc(100vh - .52rem); padding-top: .52rem; background: url(../images/bg1.jpg) no-repeat bottom center; background-size: cover; overflow: hidden;}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(3){height: calc(100vh - .52rem); padding-top: .52rem;background: url(../images/bg2.jpg) no-repeat bottom center; background-size: cover; overflow: hidden;}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(4){height: calc(100vh - .52rem); padding-top: .52rem;background: url(../images/bg3.jpg) no-repeat bottom center; background-size: cover; overflow: hidden;}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(5){height: calc(100vh - .52rem); padding-top: .52rem;background: url(../images/bg4.jpg) no-repeat bottom center; background-size: cover; overflow: hidden;}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(6){height: calc(100vh - .52rem); padding-top: .52rem;background: url(../images/bg5.jpg) no-repeat bottom center; background-size: cover; overflow: hidden;}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(7){height: calc(100vh - .52rem); padding-top: .52rem;background: url(../images/bg6.jpg) no-repeat bottom center; background-size: cover; overflow: hidden;}

.bxuia001 { width: 100%;height: 100vh; position: relative; overflow: hidden;z-index: 5; }
.bxuia001 .swiper-slide {text-align: center;}
.bxuia001 .swiper-slide img{ width:100%;display: block ;height: 100vh;}
.bxuia001 .swiper-pagination{display: inline-block;width: auto;
    position: absolute;
    left: 50%;
    bottom:.14rem ;
    border-radius:.1rem;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-border-radius:.1rem;
    -moz-border-radius:.1rem;
    -ms-border-radius:.1rem;
    -o-border-radius:.1rem;
}
.bxuia001 .swiper-pagination span{ display:inline-block; width:.06rem; height:.06rem; border: solid 1px #fff; background: none; border-radius:.06rem; -webkit-border-radius:.06rem; -moz-border-radius:.06rem; -ms-border-radius:.06rem; -o-border-radius:.06rem; opacity: 1; }
.bxuia001 .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; background-color: #fff;}
.center{ width: 92%;margin: 0 auto}
.title{ width: 100%;text-align: left ; position: relative;}
.title h5{line-height: .16rem; font-size: .14rem; font-weight: bold; color: #e2e2e2 ;text-transform: uppercase}
.title h4{line-height: .16rem; font-size: .16rem; font-weight: bold; color: #333;margin: .04rem 0 .1rem 0}
.title i{ width: .16rem; height: 3px;display: block;background-color: #019444}
.gdbox{ height: .16rem; position: absolute; right: 0;top: .2rem }
.gdbox a{ padding: 0 .03rem 0 .15rem; height: .16rem; line-height: .16rem; font-size: .12rem; color: #777;display: inline-block;position: relative; }
.gdbox img{ width:.1rem;display: inline-block; margin-right: 3px;}
.gdbox .i2{ width: .16rem; height: .16rem; background: rgba(0, 76, 159, 0.2); border-radius:50%; position: absolute; right: 0; top: 0; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }



.falist{ width: 100%; padding: .3rem 0 .2rem 0;}
.falist ul{ width: 100%;}
.falist ul li{ width: calc(33.33% - .08rem) ;float: left;margin-right: .12rem;margin-bottom: .21rem}
.falist ul li a{ width: 100%; height: 1rem; text-align: center; background-color: #fff ; display: block; border-radius:.34rem .04rem .04rem .04rem ; -webkit-border-radius:.34rem .04rem .04rem .04rem ; -moz-border-radius:.34rem .04rem .04rem .04rem ; -ms-border-radius:.34rem .04rem .04rem .04rem ; -o-border-radius:.34rem .04rem .04rem .04rem ; box-shadow: #e4edf6 0 0 .03rem .01rem; position: relative; overflow: hidden; }
.falist ul li a .imgbox{ width: .3rem; height: .3rem;display: inline-block; position: relative ;margin: .16rem 0 .1rem 0; overflow: hidden;}
.falist ul li a .imgbox img{width: 100% ;height: 100% ;}
.falist ul li a h3{ width: 92%; height: .32rem; padding: 0 4%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.falist ul li a h3 i{ width: 100%;max-height: .32rem; line-height: .16rem;  font-size: .12rem; font-weight: bold; color: #333; overflow: hidden;}
.falist ul li:nth-child(3n+3){float: right;margin-right: 0}

.textbox{width: 100%; height: 2.6rem; line-height: .2rem; font-size: .12rem; color: #333 ;text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 13;  overflow: hidden;}
.kapbox{ width: 100%; padding: .2rem 0 0 0; overflow: hidden;}
.kapbox ul li{ width: 1.14rem; float: left;margin-right: .13rem}
.kapbox ul li a{width: 100%;display: block;position: relative;}
.kapbox ul li a img{ width: 100%;}
.kapbox ul li a h3{font-size: .12rem; color: #88b4e3; position: absolute; left: 10%;top: 34%}
.kapbox ul li a h3 i{font-size: .18rem; font-weight: bold;color: #fff;padding: 0 .03rem 0 0}
.kapbox ul li a h4{font-size: .12rem; color: #88b4e3; position: absolute; left: 10%;top: 65%}
.kapbox ul li:nth-child(2) a h3 i{color: #333}
.kapbox ul li:nth-child(2) a h3{color: #777}
.kapbox ul li:nth-child(2) a h4{color: #777}

.certificate{ width: 100%; height: 2.18rem; /*padding: .44rem 0 0 0;*/ overflow: hidden;}
.certificate .imgbox{ width: 1.4rem ; float: left;}
.certificate .imgbox img{ width: 100%; display: block ; height: 2.18rem; object-fit: cover;}
.bxuia002{ width: calc(100% - 1.5rem);float: right; overflow: hidden;}
.bxuia002 .swiper-slide {text-align: center;}
.bxuia002 .swiper-slide img{ width:100%;display: block ; height: 1.08rem; object-fit: cover}
.bxuia002 .swiper-button-prev{width: .24rem; height: .24rem;background: -webkit-linear-gradient(bottom,#66dcb1,#37aee6); border-radius: 50%;
 left: calc(50% - 52px); margin: 0; margin-top: 15px; opacity: 1; top: initial;margin-top: .4rem}
.bxuia002 .swiper-button-prev::after{font-size: .1rem; color: #fff}
.bxuia002 .swiper-button-next{width: .24rem; height: .24rem;background: -webkit-linear-gradient(bottom,#66dcb1,#37aee6); border-radius: 50%;
    right: calc(50% - 52px); margin: 0; margin-top: 15px; opacity: 1;top: initial;margin-top: .4rem}
.bxuia002 .swiper-button-next::after{font-size: .1rem; color: #fff}


.swiper-box{ width: 100%; position: relative;margin-top: .2rem; overflow: hidden;}
.swiper-box .swiper-container6 {width: 100%; }
.swiper-box .swiper-container6 .swiper-slide { width: 100% ;position: relative;}
.swiper-box .swiper-container6 .swiper-slide img{ width: 100%; height: 1.71rem; object-fit: cover ; border-radius:.02rem ; -webkit-border-radius:.02rem ; -moz-border-radius:.02rem ; -ms-border-radius:.02rem ; -o-border-radius:.02rem ; }
.swiper-box .swiper-container6 .swiper-slide .zhe{width: 94%;padding: .2rem 3% .15rem 3%;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));  position: absolute;left: 0; bottom: 0; overflow: hidden;}
.swiper-box .swiper-container6 .swiper-slide .zhe h3{ width: 100%; height: .16rem; line-height: .16rem;font-size: .14rem; color: #fff; font-weight: bold; white-space: nowrap;text-overflow: ellipsis; margin-bottom: .06rem; overflow: hidden;}
.swiper-box .swiper-container6 .swiper-slide .zhe h4{ width: 100%; height: .14rem; line-height: .14rem;font-size: .12rem; color: #e0dfdf; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.swiper-box .gallery-top {height: 80%;width: 100%;}
.swiper-box .gallery-thumbs { width: 98%;margin: 0 auto; height: 20%; box-sizing: border-box; padding: 10px 0;  overflow: hidden;}
.swiper-box .gallery-thumbs .swiper-slide {height: 100%; height: .8rem; object-fit: cover ;}
.swiper-box .gallery-thumbs .swiper-slide img{ width: 100% ;height: 100%; object-fit: cover ; border-radius:.02rem ; }
.swiper-box .gallery-thumbs .swiper-slide .zhe{width: 94%;padding: .1rem 3% .06rem 3%;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));  position: absolute;left: 0; bottom: 0; overflow: hidden;}
.swiper-box .gallery-thumbs .swiper-slide .zhe h3{ width: 100%; height: .16rem; line-height: .16rem;font-size: .12rem;text-align: center; color: #fff; font-weight: bold; white-space: nowrap;text-overflow: ellipsis;margin: 0; overflow: hidden;}
.swiper-box .gallery-thumbs .swiper-slide-thumb-active .zhe{ padding:0 3%; height: .8rem;  display: flex; align-items: center; justify-content: center;}
.swiper-box .swiper-container6 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width: .24rem; height: .24rem; background: rgba(0, 0, 0, 0.4);}
.swiper-box .swiper-container6 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: .12rem}
.swiper-box .swiper-container6 .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{ width: .24rem; height: .24rem; background: -webkit-linear-gradient(bottom,#66dcb1,#37aee6); border-radius:50%; outline: none; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.swiper-box .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: .1rem}
.swiper-box .swiper-button-next, .swiper-container6 .swiper-button-prev{top: .9rem}

.nwlist{ width: 100% ; background-color: #fff ; border-radius:.03rem ; -webkit-border-radius:.03rem ; -moz-border-radius:.03rem ; -ms-border-radius:.03rem ; -o-border-radius:.03rem ; box-shadow: rgba(0, 0, 0, 0.06) 0 0 .03rem .02rem;margin-top: .4rem;}
.nwlist ul{width: 100% ; }
.nwlist ul li{width: 92% ; padding: .1rem 4% ;border-bottom: 1px solid #e7e7e7 ; }
.nwlist ul li a{width: 100% ; display: block}
.nwlist ul li a h5{width: 100% ; height: .12rem; line-height: .12rem; font-size: .1rem; color: #b6b6b6; overflow: hidden;}
.nwlist ul li a h4{width: 100% ; height: .16rem; line-height: .16rem; font-size: .14rem; color: #333;font-weight: bold;margin: .08rem 0; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.nwlist ul li a h6{width: 100%; height: .36rem; line-height: .18rem; font-size: .12rem; color: #999 ;text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.connection{ width:100%; padding: .3rem 0 0 0}
.connection ul{ width: 100% }
.connection ul li{width: calc(33.33% - .1rem) ;float: left;margin-right: .15rem;margin-bottom: .16rem}
.connection ul li a{ width: 100% ; height:.56rem ; display: block; background: rgba(255, 255, 255, 0.5); display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.05) 0 0 .03rem .02rem; border-radius:.03rem; overflow: hidden; -webkit-border-radius:.03rem; -moz-border-radius:.03rem; -ms-border-radius:.03rem; -o-border-radius:.03rem; }
.connection ul li a img{max-width: 80%;}
.connection ul li:nth-child(3n+3){float: right;margin-right: 0}
.connection ul li:last-of-type a img{width: .2rem}

.frame_box>.swiper-wrapper>.swiper-slide:nth-child(3) .title{ position: relative; top: -.26rem}

.frame_box>.swiper-wrapper>.swiper-slide:nth-child(4) .title{ position: relative; top: -.76rem}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(4) .certificate{margin-top: -.3rem}
.frame_box>.swiper-wrapper>.swiper-slide:nth-child(5) .title{ position: relative; top: -.2rem}















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