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


.swiper-container1 { width: 100%; position: relative; overflow: hidden; }
.swiper-container1 .swiper-slide {text-align: center;font-size: 18px;}
.swiper-container1 .swiper-slide img{ width:100%; height: 73.3vw; max-height: 469px; object-fit: cover ;  }
.swiper-container1 .swiper-pagination{background: rgba(255, 255, 255, 0.2) ;display: inline-block;width: auto;
    position: absolute;
    left: 50%;
    bottom:.1rem ;
    padding: .06rem .1rem;
    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;
}
.swiper-container1 .swiper-pagination span{ display:inline-block; width:5px; height:5px; background-color: #fff; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 0.4; }
.swiper-container1 .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;}


.hot-bj{ width: 100% ; background-color: #f6f8ff ;}
.hot-c{ width: 84%;margin: 0 auto; padding: .2rem 0 .2rem 0}
.title-box{ width: 100% ; position: relative;}
.title-box h3{font-size: .16rem;line-height: .16rem;margin-bottom: .08rem;margin-top: .02rem; color: #c21c00 ;font-weight: bold ;text-transform: uppercase}
.title-box h4{ width: 100% ;height: .12rem; line-height: .12rem ; font-size: .1rem; color: #b0b0b0 ;text-transform: uppercase ;white-space: nowrap;text-overflow: ellipsis ; overflow: hidden;}
.title-box a{ width: .8rem; border: solid 1px #d5d5d5 ; height: .22rem; line-height: .22rem; display: inline-block ; text-align: center; border-radius:.22rem ; -webkit-border-radius:.22rem ; -moz-border-radius:.22rem ; -ms-border-radius:.22rem ; -o-border-radius:.22rem ; position: absolute; right: 0; top: -.02rem; }
.title-box a i{line-height: .22rem; display: inline-block ; font-size: .12rem; color: #656565 ;text-transform: uppercase ;background: url(../images/qw.png) no-repeat right center; background-size: .11rem auto;padding-right: .16rem}
.title-box h6{ width: .8rem; display: inline-block ; height: 1px ;background-color: #e5e5e5 ;margin-top: .05rem}
.title-box h6 i{ width: .35rem; height: 3px;background-color: #001f94 ;display: inline-block ; position: relative; top: -1px}



.swiper-container2 {width: 100%; position: relative; margin-top: .2rem; padding-bottom: .35rem;z-index: 3; overflow: hidden;}
.swiper-container2 .swiper-slide{ width: 100%;background-color: #fff ; position: relative; padding-bottom: .07rem; box-shadow: rgba(48, 126, 172, 0.1) 0 0 .04rem .01rem;border-radius:.04rem ;  overflow: hidden;}
.swiper-container2 .swiper-slide img{ width: 100% ; height: 66.6vw; max-height: 441px ; margin-bottom: .08rem ; border-radius:.04rem ; -webkit-border-radius:.04rem ; -moz-border-radius:.04rem ; -ms-border-radius:.04rem ; -o-border-radius:.04rem ; }
.swiper-container2 .swiper-slide h3{ width: 92%;margin: 0 auto; height: .28rem;line-height: .28rem; font-size: .12rem; color: #2e2e2e ;text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.swiper-container2 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: .14rem ;color: #001f94 ;font-weight: bold}
.swiper-container2 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: .14rem;color: #001f94;font-weight: bold}
.swiper-container2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;color: #d2d2d2 ;}
.swiper-container2 .swiper-pagination{ width: 96%; text-align: center; }
.swiper-container2 .swiper-button-next, .swiper-button-prev{top: 35% ;background: rgba(255, 255, 255, 0.7) ;}
.swiper-pagination-bullet{ width: 5px; height: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; opacity: 1;}
.swiper-pagination-bullet{background-color:#d2d2d2}
.swiper-pagination-bullet-active{background-color: #001f94}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0; border-radius:.05rem 0  0 .05rem; -webkit-border-radius:.05rem 0  0 .05rem; -moz-border-radius:.05rem 0  0 .05rem; -ms-border-radius:.05rem 0  0 .05rem; -o-border-radius:.05rem 0  0 .05rem; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0; border-radius: 0 .05rem .05rem 0 ; -webkit-border-radius: 0 .05rem .05rem 0 ; -moz-border-radius: 0 .05rem .05rem 0 ; -ms-border-radius: 0 .05rem .05rem 0 ; -o-border-radius: 0 .05rem .05rem 0 ; }


.projects-bj{ width: 100%;background-color: #fff ; overflow: hidden;}
.projects-c{ width: 84%;margin: 0 auto; padding: .2rem 0 .3rem 0}

.swiper-container5 {width: 100%;margin: 0 auto; height: 4.53rem ; padding-top: .2rem; position: relative;z-index: 3;}
.swiper-container5  .swiper-slide { width: 100%; height: 2.13rem; background-color: #fff ; margin-bottom: .12rem ;margin-top: 0 !important;box-shadow: rgba(48, 126, 172, 0.1) 0 0 0.04rem 0.01rem; position: relative;border-radius: 5px; overflow: hidden;}
.swiper-container5 .swiper-slide img{ width:100%; height: 2.13rem ;object-fit: cover}
.swiper-container5 .swiper-slide .zhe{ width: calc(100% - .24rem);padding: 0 .12rem; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.3),rgba(0,0,0,0)) ;position: absolute; left: 0;bottom: 0 ;padding-bottom: .2rem; overflow: hidden;}
.swiper-container5 .swiper-slide .zhe h3{font-size: .12rem; color: #fff ;font-weight: bold ;text-transform: uppercase ;}
.swiper-container5 .swiper-slide .zhe h6{ width: 1.3rem; display: inline-block ; height: 1px ;background-color: rgba(255, 255, 255, 0.5) ;margin-top: .08rem}
.swiper-container5 .swiper-slide .zhe h6 i{ width: .35rem; height: 3px;background-color: #001f94 ;display: inline-block ; position: relative; top: -1px}

.swiper-container5 .swiper-pagination .swiper-pagination-bullet-active{ width: 5px; background-color: #001f94; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.swiper-container5  .swiper-pagination{bottom: -.1rem}


.company-bj{ width: 100%;background:url(../images/bg.jpg) no-repeat center center;background-size: cover; overflow: hidden;}
.company-c{ width: 84%;margin: 0 auto; padding: .25rem 0 .25rem 0}
.company-c .title-box h6{background-color: #b9b9b9}
.company-c .text-box{width: 100%;font-size: .12rem;max-height: 1.26rem; color: #2e2e2e ;line-height: .18rem ; text-align: justify;word-break:break-all;margin: .2rem 0 .25rem 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7; overflow: hidden;}
.company-c a{ width: .86rem; border: solid 1px #001f94 ;background-color: #001f94; height: .22rem; line-height: .22rem; display: inline-block ; text-align: center; border-radius:.22rem ; -webkit-border-radius:.22rem ; -moz-border-radius:.22rem ; -ms-border-radius:.22rem ; -o-border-radius:.22rem ; }
.company-c a i{line-height: .22rem; display: inline-block ; font-size: .12rem; color: #fff ;text-transform: uppercase ;background: url(../images/qw2.png) no-repeat right center; background-size: .11rem auto;padding-right: .16rem}

.news-bj{width: 100%;background-color: #fff ; overflow: hidden;}
.news-c{ width: 84%;margin: 0 auto; padding: .2rem 0 .14rem 0}


.swiper-container6 { width: 100%; position: relative; margin: .22rem 0 .12rem 0}
.swiper-container6 .swiper-slide { width: 100%;  text-align: center; box-shadow: rgba(48, 126, 172, 0.1) 0 0 0.04rem 0.01rem; border-radius:.05rem ; -webkit-border-radius:.05rem ; -moz-border-radius:.05rem ; -ms-border-radius:.05rem ; -o-border-radius:.05rem ;position: relative; overflow: hidden;}
.swiper-container6 .swiper-slide img{ width:100%; height: 54vw; max-height: 409px; object-fit: cover ;  }
.swiper-container6 .swiper-slide h3{width: 92%;margin: 0 auto; height: .44rem;line-height: .44rem; font-size: .12rem; color: #2e2e2e ;text-align: center; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.swiper-container6 .swiper-slide .time{ width: 1.1rem; height: .3rem ; line-height: .3rem; text-align: center; background: rgba(0, 31, 148, 0.6) ; position: absolute; right: 0; top: 0; border-radius:0 0 0 9px; overflow: hidden; -webkit-border-radius:0 0 0 9px; -moz-border-radius:0 0 0 9px; -ms-border-radius:0 0 0 9px; -o-border-radius:0 0 0 9px; }
.swiper-container6 .swiper-slide .time span{font-size: .1rem; color: #fff ;}


.news{ width:100%}
.news ul{ width: 100% ;}
.news ul li{ width: 100% ;margin-bottom: .1rem;}
.news ul li a{ width: calc(100% - .2rem); height: .64rem ;padding: .1rem; display: block; border-radius:9px ;box-shadow:  0 0 8px 3px rgba(0, 0, 0, 0.03)}
.news ul li a .tu-box{ width: 1rem; height: .64rem; border-radius:.04rem ; -webkit-border-radius:.04rem ; -moz-border-radius:.04rem ; -ms-border-radius:.04rem ; -o-border-radius:.04rem ; float: left; overflow: hidden; }
.news ul li a .tu-box img{ width: 100%; height: .64rem; object-fit: cover}
.news ul li a .text-r{ width: calc(100% - 1.1rem); float: right;}
.news ul li a .text-r h3{ width: 100% ; max-height: .36rem; line-height: .18rem ;font-size: .12rem; color: #2e2e2e ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: .02rem 0 .06rem 0; overflow: hidden;}
.news ul li a .text-r h4{ width: 100% ; height: .12rem; line-height: .12rem ;font-size: .1rem; color: #7c7c7c ; overflow: hidden;}







.swiper-container5{ height: auto}
.swiper-container5 .swiper-wrapper{display:initial}




/* 2023.1.06修改按钮样式 */
.title-box a{border: solid 1px #c21c00; background-color: #c21c00}
.title-box a i{background: url(../images/qw2.png) no-repeat right center; background-size: .11rem auto;color: #fff}
.title-box a:hover{border: solid 1px #001f94; background-color: #001f94}
.company-c a{border: solid 1px #c21c00; background-color: #c21c00}
.company-c a:hover{border: solid 1px #001f94; background-color: #001f94}






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