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

.bxuia001 { width: 100%;margin-top: .52rem; position: relative; overflow: hidden;z-index: 5;}
.bxuia001 .swiper-slide {text-align: center;}
.bxuia001 .swiper-slide img{ width:100%;display: block ;height: 57vw; max-height: 364px ;object-fit: cover;}
.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:.05rem; height:.05rem; background-color: #fff; border-radius:.05rem; -webkit-border-radius:.05rem; -moz-border-radius:.05rem; -ms-border-radius:.05rem; -o-border-radius:.05rem; opacity: 0.39; }
.bxuia001 .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; }

.abotbg{ width: 100% ;  background: -webkit-linear-gradient(top,#e5effc,#eaf3fa);}
.abotbg .txtbox{  width: 92% ; margin: 0 auto;padding: .16rem 0 .2rem 0}
.abotbg .txtbox h3{ width: 100% ; height: .2rem; line-height: .2rem; font-size: .16rem ; color: #2e2e2e ; font-weight: bold ;margin-bottom: .12rem; overflow: hidden;}
.abotbg .txtbox .txt{ width: 100% ; max-height: 1.32rem; line-height: .22rem; font-size: .12rem ; color: #696969 ; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; margin-bottom: .12rem; overflow: hidden;}
.abotbg .txtbox .more{ width: .94rem; height: .3rem; line-height: .3rem; border-radius:.3rem; display: block; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed); font-size: .12rem  ; color: #fff; text-transform: uppercase; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -ms-border-radius:.3rem; -o-border-radius:.3rem;}


.bxuia002 {  width: 92% ; margin: 0 auto; border-radius:.09rem; position: relative; overflow: hidden; z-index: 5; -webkit-border-radius:.09rem; -moz-border-radius:.09rem; -ms-border-radius:.09rem; -o-border-radius:.09rem; }
.bxuia002 .swiper-slide {text-align: center;position: relative;}
.bxuia002 .swiper-slide img{ width:100%;display: block ;height: 58.5vw; max-height: 364px ;object-fit: cover;border-radius:.09rem;}
.bxuia002 .swiper-slide .zhe{  width:100%;background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.54),rgba(0,0,0,0)); padding: .2rem 0; position: absolute; left: 0;bottom: 0}
.bxuia002 .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;
}
.bxuia002 .swiper-pagination span{ display:inline-block; width:.05rem; height:.05rem; background-color: #fff; border-radius:.05rem; -webkit-border-radius:.05rem; -moz-border-radius:.05rem; -ms-border-radius:.05rem; -o-border-radius:.05rem; opacity: 0.39; }
.bxuia002 .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; }

.content-boxs002{ width: 92% ; padding: .22rem 4% .1rem 4%;  background-image: url(../images/bgt1.jpg) ;background-repeat: no-repeat; background-position: right bottom; background-size: 100% auto;  overflow: hidden;}
.content-boxs002 .row-price{width: 100%}
.content-boxs002 .row-price .price-box{ text-align: left;margin-bottom: .18rem;}
.content-boxs002 .row-price .price-box .wen{display: inline-block ;position: relative;}
.content-boxs002 .row-price p{line-height: .44rem; font-size:  .40rem;font-weight: bold; color: #313131 ;display: inline-block;margin-bottom: .1rem;}
.content-boxs002 .row-price .price-box .wen span{font-size: .26rem; color: #2e2e2e;  position: absolute; right: -.2rem;bottom: .1rem}
.content-boxs002 .row-price .price-box .wen i{font-size: .1rem; color: #2e2e2e;text-transform: uppercase;font-weight: bold;  position: absolute; right: -.44rem;top: 0}
.content-boxs002 .row-price h5{width: 100%; text-align: left; line-height: .14rem; font-size: .12rem; color: #2e2e2e;margin-bottom: .06rem; overflow: hidden;}
.content-boxs002 .row-price h6{width: 100%;  text-align: left; line-height: .14rem; font-size: .1rem; color: #909090; overflow: hidden;}
.content-boxs002 .row-price .price-box .wen:hover p{ color: #026cc9 ;text-shadow:  0 10px 5px #d0ddef }
.content-boxs002 .row-price .price-box .wen:hover span{color: #026cc9;text-shadow:  0 5px 3px #d0ddef }
.content-boxs002 .row-price .price-box .wen:hover i{color: #026cc9;text-shadow:  0 5px 3px #d0ddef }

.newsbg{ width: 92%; padding: .24rem 4% 0 4%;background: url(../images/bgt2.jpg) no-repeat; background-size: cover; overflow: hidden;}
.title{ width: 100%; overflow: hidden;}
.title h3{float: left;line-height: .3rem;font-size: .16rem;color: #2e2e2e; font-weight: bold;}
.title .more{ width: .94rem; height: .3rem; line-height: .3rem; border-radius:.3rem; float: right; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed); font-size: .12rem  ; color: #fff; text-transform: uppercase; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -ms-border-radius:.3rem; -o-border-radius:.3rem;}

.redxw{ width: 92% ; padding:5% 4% 6% 4%; background: url(../images/bgt3.jpg) no-repeat ; background-size: cover ; border-radius:.12rem; overflow: hidden; -webkit-border-radius:.12rem; -moz-border-radius:.12rem; -ms-border-radius:.12rem; -o-border-radius:.12rem;margin: .18rem 0 .12rem 0}
.redxw .tit{ width: 100% ; margin-bottom: .07rem; overflow: hidden;}
.redxw .tit h3{ float: left;line-height: .3rem;font-size: .14rem;color: #2e2e2e; font-weight: bold;}
.redxw .tit h3 i{ color: #0e61c0 ; padding-right: .06rem;}
.redxw .tit a{ line-height: .3rem; border-radius:.3rem; float: right; font-size: .12rem; color: #0e61c0; text-transform: uppercase}
.redxw h4{ width: 100% ; height: .14rem;line-height: .14rem; font-size: .12rem; color: #2e2e2e; white-space: nowrap;text-overflow: ellipsis; margin-bottom: .07rem;  overflow: hidden;}
.redxw p{ width: 100% ; max-height: .32rem;line-height: .16rem; font-size: .1rem; color: #818181;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.xwlist{width: 100% ; padding: 0 0 .12rem 0;}
.xwlist ul{width: 100% ;}
.xwlist ul li{width: 92% ; padding:5% 4% 6% 4%; background: url(../images/bgt3.jpg) no-repeat ; background-size: cover ; border-radius:.12rem; overflow: hidden; -webkit-border-radius:.12rem; -moz-border-radius:.12rem; -ms-border-radius:.12rem; -o-border-radius:.12rem;margin-bottom: .12rem}
.xwlist ul li .tit{ width: 100% ; margin-bottom: .07rem; overflow: hidden;}
.xwlist ul li .tit h3{ float: left;line-height: .3rem;font-size: .14rem;color: #2e2e2e;}
.xwlist ul li .tit h3 i{ color: #0e61c0 ; padding-right: .06rem;}
.xwlist ul li .tit a{ line-height: .3rem; border-radius:.3rem; float: right; font-size: .12rem; color: #0e61c0; text-transform: uppercase}
.xwlist ul li h4{ width: 100% ; height: .14rem;line-height: .14rem; font-size: .12rem; color: #2e2e2e; white-space: nowrap;text-overflow: ellipsis; margin-bottom: .07rem;  overflow: hidden;}
.xwlist ul li p{ width: 100% ; max-height: .32rem;line-height: .16rem; font-size: .1rem; color: #818181;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.zhaop{ width: 100% ; height: 1.7rem; background: url(../images/img3.jpg) no-repeat ;border-radius:.12rem;  background-size: cover; margin: .15rem 0 .26rem 0; overflow: hidden;}

.bxuia003{ width: 60%; height: calc(100% - .15rem); padding:0 0 .15rem 0; margin:4% 4% 0 4%;  overflow: hidden;}
.bxuia003 .swiper-slide{ width: 100%; height: .16rem;margin-bottom: .16rem; overflow: hidden;}
.bxuia003 .swiper-slide h3{ width: calc(100% - .9rem) ;height: .16rem;line-height: .16rem; font-size: .12rem; color: #2e2e2e ; float: left;text-indent: .1rem; white-space: nowrap;text-overflow: ellipsis; position: relative; overflow: hidden;}
.bxuia003 .swiper-slide h3 i{ width: .03rem; height: .03rem; border: solid 1px #6c9fdc ; border-radius:.03rem; position: absolute; left: 0; top: .05rem; -webkit-border-radius:.03rem; -moz-border-radius:.03rem; -ms-border-radius:.03rem; -o-border-radius:.03rem; }
.bxuia003 .swiper-slide h4{ width: .86rem;height: .16rem;line-height: .16rem; font-size: .1rem; color: #2e2e2e ; float: right;text-align: right; overflow: hidden;}
.bxuia003 .swiper-wrapper{
    transition-timing-function: linear;
    }

.weikbg{ width: 92%; padding: 0 4% ; background-color: #d0e4f5;background-image: url(../images/bgt4.jpg) ; background-repeat: no-repeat; background-position: bottom center;  background-size: 100% auto ; overflow: hidden;}
.weikbg .txtbox2{  width: 100% ;text-align: center; padding: .21rem 0 .2rem 0}
.weikbg .txtbox2 h3{ width: 100% ; height: .2rem; line-height: .2rem; font-size: .16rem ; color: #2e2e2e ; font-weight: bold ;margin-bottom: .12rem; overflow: hidden;}
.weikbg .txtbox2 .txt{ width: 100% ; height: .36rem; line-height: .18rem; font-size: .1rem ;text-align: center; color: #696969 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom: .12rem; overflow: hidden;}
.weikbg .txtbox2 .more{ width: .94rem; height: .3rem; line-height: .3rem; border-radius:.3rem; display: inline-block; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed); font-size: .12rem  ; color: #fff; text-transform: uppercase; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -ms-border-radius:.3rem; -o-border-radius:.3rem;}

.weikbg .kap{ width: 78%; height: .76rem;  background-image: url(../images/tu4.jpg)  ;  background-repeat: no-repeat; background-size: cover; margin-left: 11%; border-radius:.06rem .06rem 0 0; overflow: hidden; -webkit-border-radius:.06rem .06rem 0 0; -moz-border-radius:.06rem .06rem 0 0; -ms-border-radius:.06rem .06rem 0 0; -o-border-radius:.06rem .06rem 0 0; }
.weikbg .kap h5{ width: calc(92% - .2rem) ;height: .14rem;line-height: .14rem; font-size: .12rem; color: #fff ; margin: .21rem 0 .08rem .18rem; overflow:  hidden;}
.weikbg .kap h6{ width: calc(92% - .2rem) ; height: .16rem;line-height: .16rem; font-size: .14rem; color: #fff ; font-weight: bold; margin: 0 0 0 .18rem ;overflow: hidden;}
.weikbg .kap h6 i{font-size: .1rem; font-weight: normal; padding-left: .1rem}
.weikbg .dwbox{ width: 100%; height: 67vw ;margin: .16rem 0 .36rem 0; position: relative; }
.pathlist{ width: 100% ;}
.pathlist ul li{ width: .44rem;text-align: center ;position: relative;}
.pathlist ul li .yuanbox{ width: .44rem; height: .44rem; background: -webkit-linear-gradient(left,#5590d3,#99dbf6); border-radius:.44rem ; -webkit-border-radius:.44rem ; -moz-border-radius:.44rem ; -ms-border-radius:.44rem ; -o-border-radius:.44rem ; display: flex; align-items: center; justify-content: center;margin-bottom: .05rem; overflow: hidden; }
.pathlist ul li .yuanbox img{ width: .18rem;}
.pathlist ul li h5{font-size: .12rem; color: #1e72c8;}
.pathlist ul li:nth-child(1){ position: absolute; left: 0;top: 13vw}
.pathlist ul li:nth-child(2){ position: absolute; left: 18vw;bottom:0}
.pathlist ul li:nth-child(2) h5{position: absolute; left: -.32rem;top: .16rem}
.pathlist ul li:nth-child(3){ position: absolute; right: 18vw;bottom:0}
.pathlist ul li:nth-child(3) h5{position: absolute; right: -.32rem;top: .16rem}
.pathlist ul li:nth-child(4){ position: absolute; right: 0;top: 13vw}
.pathlist ul li:hover .yuanbox{ background: -webkit-linear-gradient(left,#1c6bc5,#75cdf3); }


.workbg{ width: 92%; padding: 0 4% ; background: url(../images/img2.jpg) no-repeat; background-size: cover; overflow: hidden;}
.workbg .txtbox{  width: 100% ;padding: .22rem 0 .25rem 0}
.workbg .txtbox h3{ width: 100% ; height: .2rem; line-height: .2rem; font-size: .16rem ; color: #fff ; font-weight: bold ;margin-bottom: .12rem; overflow: hidden;}
.workbg .txtbox .txt{ width: 48% ; max-height: .6rem; line-height: .2rem; font-size: .1rem ; color: #fff ; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-bottom: .12rem; overflow: hidden;}
.workbg .txtbox .more{ width: .94rem; height: .3rem; line-height: .3rem; border-radius:.3rem; display: block; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed); font-size: .12rem  ; color: #fff; text-transform: uppercase; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -ms-border-radius:.3rem; -o-border-radius:.3rem;}
.iconlist{ width: 100% ; padding: 0 0 .26rem 0; overflow: hidden;}
.iconlist ul{width: 100% ; }
.iconlist ul li{ width:calc(33.33% - .04rem); float: left;margin-right:.06rem ;margin-bottom: .06rem;}
.iconlist ul li a{ width: 92%; height: .74rem; text-align: center; padding: 4% 4%; background: rgba(255, 255, 255, 0.8) ; display: block; border-radius:.04rem   ; -webkit-border-radius:.04rem   ; -moz-border-radius:.04rem   ; -ms-border-radius:.04rem   ; -o-border-radius:.04rem   ; overflow: hidden;}
.iconlist ul li a img{ width: .4rem; height: .4rem}
.iconlist ul li a h3{ width: 100%; height: .14rem;line-height: .14rem;font-size: .11rem; color: #2e2e2e; position: relative; top: -.02rem; overflow: hidden;}
.iconlist ul li a h4{ width: 100%; height: .1rem;line-height: .1rem; font-size: .06rem; color: #808080;word-break:break-all; overflow: hidden;}
.iconlist ul li:nth-child(3n + 3){margin-right: 0;float: right}




@media screen and (width: 360px) {
    .pathlist ul li:nth-child(1){ left: 2vw;}
    .pathlist ul li:nth-child(2){ bottom:3vw}
    .pathlist ul li:nth-child(3){ bottom:3vw}
    .pathlist ul li:nth-child(4){ right: 2vw;}
}