.banner_box { height: 3.5rem; background-image: url('../image/banner01.jpg'); background-size: 100% 100%; background-repeat: no-repeat; margin-top: 1.25rem; } .flex_center_top { height: 100%; display: flex; align-content: center; flex-wrap: wrap; } .banner_font { width: 100%; font-size: 0.3rem; color: #fff; font-weight: bold; } .type_nav_box { border-bottom: 0.01rem solid rgba(77, 77, 77, 0.16); /* margin-bottom: 1.36rem; */ height: 0.55rem; } .content_box li { width: 1.3rem; height: 0.55rem; /*line-height: 0.55rem;*/ text-align: center; font-size: 0.18rem; color: #383838; display: inline-block; } .content_box li.active { background-color: #005AAF; color: #fff; position: relative; } .content_box li.active::after { content: ''; width: 0; height: 0; border-right: 0.1rem solid transparent; border-left: 0.1rem solid transparent; border-top: 0.08rem solid #005AAF; position: absolute; bottom: -0.06rem; left: 50%; transform: translateX(-50%); } .t1 { background-color: #fff; min-height: 6rem; height: auto; width: 100%; overflow: auto; } .cp-box { width: 14.4rem; height: auto; background-image: url('../image/haiwai3.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden; margin: 0.3rem auto 0; } .cp-box1 { width: 90%; margin: 0.3rem auto; height: 1.1rem; overflow: hidden; font-size: 0.16rem; line-height: 0.28rem; color: #333; } .cp-map { width: 14.4rem; margin: -.4rem auto 0; height: 6.4rem; overflow: hidden; } .cp-map img { margin-top: -.4rem; width: 100%; } .cp-box2 { width: 14.72rem; margin: 0.5rem auto 0; min-height: 4.4rem; height: auto; overflow: auto; padding-bottom: 0.4rem; } .cp-box2 li { height: 4.4rem; width: 32%; margin-left: 1%; overflow: hidden; background-color: #fff; float: left; margin-top: 0.2rem; position: relative; } .cp-box2 li:hover { /* margin-top: 0.15rem; */ background-color: #005AAF; } .cp-img { width: 100%; height: 2.4rem; overflow: hidden; } .cp-box2 li:hover h3 { color: #fff; } .cp-box2 li:hover .new-text2 { color: #fff; } .cp-box2 li h3 { width: 92%; margin: 0.1rem auto 0; color: #333; line-height: 0.34rem; font-size: 0.2rem; } .cp-box2 li .new-text2 { width: 92%; margin: 0.18rem auto 0; color: #666666; height: 0.66rem; line-height: 0.32rem; font-size: 0.16rem; overflow: hidden; } .cp-box2 li .cp-more { width: 1.4rem; height: 0.46rem; border-radius: 0.03rem; line-height: 0.46rem; text-align: center; background-color: #005AAF; color: #fff; font-size: 0.14rem; margin: 0.1rem auto 0; } .cp-box2 li:hover .cp-more { background-color: #fff; color: #005AAF !important; border: 0.01rem solid #005AAF; } .swiper-container1 ul { display: flex; justify-content: space-between; } .swiper-container1 li { width: calc(28% - 0.2rem); height: 0; padding-bottom: calc(28% - 0.2rem); font-size: 0; background-size: 100% 100%; } /* .swiper_img_box1 { background-image: url('../image/cpfw5.png'); background-size: cover !important; background-repeat: no-repeat; } .swiper_img_box2 { background-image: url('../image/cpfw5.png'); background-size: cover !important; background-repeat: no-repeat; } .swiper_img_box3 { background-image: url('../image/cpfw5.png'); background-size: cover !important; background-repeat: no-repeat; } */ .cp-box2 li:hover h3 { color: #fff; } .cp-box2 li:hover .new-text2 { color: #fff; } .part_box2 { width: 14.4rem; height: 4rem; overflow: hidden; margin: 0 auto; position: relative; } .part_box2 .content_box { width: 13.4rem !important; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .part_box2 .swiper-container { width: 100%; height: 100%; } .part_box2 .swiper-slide { text-align: center; font-size: 0.18rem; 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; position: relative; } .part_box2 .swiper_tips_box { /*position: absolute;*/ /*left: 50%;*/ /*bottom: 2rem;*/ /*transform: translateX(-50%);*/ /*display: flex;*/ /*align-items: center;*/ /*justify-content: center;*/ /*width: 100%;*/ /*height: 1.12rem;*/ } .part_box2 .line_style { width: 2rem; height: 0.01rem; background-color: #00498a; margin-right: 0.1rem; margin-left: 0.1rem; } .part_box2 .swiper-pagination-fraction { position: static; width: auto; margin: 0 0.2rem; font-size: 0.18rem; } .part_box2 .swiper-button-prev { /*position: static;*/ /*margin-top: 0;*/ /*width: 0.14rem;*/ /*height: 0.25rem;*/ /*background-color: #00498a;*/ /*color: #fff;*/ /*margin-left: 0;*/ /*margin-right: auto;*/ /*width: 0.38rem;*/ /*height: 1.1rem;*/ background:url(../image/botton.jpg) no-repeat; background-size: 50% 50%; background-position: center center; background-color: #025ab0; top:30%; width:0.44rem; height:0.9rem; right:0; transition:0.6s; } .part_box2 .swiper-button-next { background:url(../image/botton.jpg) no-repeat; background-size: 50% 50%; background-position: center center; background-color: #025ab0; top:30%; width:0.44rem; height:0.9rem; right:0; transition:0.6s; /*position: static;*/ /*margin-top: 0;*/ /*width: 0.14rem;*/ /*height: 0.25rem;*/ /*background-color: #00498a;*/ /*color: #fff;*/ /*margin-right: 0;*/ /*margin-left: auto;*/ /*width: 0.38rem;*/ /*height: 1.1rem;*/ } .part_box2 .swiper-pagination-current { color: #00498a; } .part_box2 .swiper-button-next:after, .part_box2 .swiper-button-prev:after { font-size: 0.18rem; } .swiper_list_box { overflow: hidden; } .swiper_img_box1 { display: flex; align-content: center; justify-content: center; } .list_content_box { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; background: rgba(0,0,0,0.5); } .swiper_no_style1 { width: 0.84rem; height: 0.74rem; line-height: 0.74rem; text-align: center; background-image: url(../image/c1.png); background-size: 100% 100%; font-size: 0.38rem; font-weight: bold; color: #fff; } .swiper_list_title { width: 100%; text-align: center; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem; margin-bottom: 0.2rem; } .swiper_list_content { text-align: center; width: 80%; font-size: 0.16rem; color: #fff; line-height: 0.35rem; } .swiper_list_title2 { font-size: 0.24rem; color: #000; font-weight: bold; margin-left: 0.15rem; } .swiper-wrapper>li .list_content_box1 { width: 100%; bottom: 0; left: 0; top: auto; color: #333; height: 0.9rem; overflow: hidden; background-color: #fff; position: absolute; } .swiper-wrapper>li:hover .list_content_box1 { background-color: #005AAF; color: #fff; } .swiper-wrapper>li .list_content_box1 p { line-height: 0.30rem; width: 75%; text-align: left; margin: .15rem auto; font-size: 0.20rem; }