.cp-box { width: 14.4rem; height: 1.8rem; background-image: url('../image/cxkjbg.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden; margin: 0.4rem auto 0; } .cp-box1 { width: 90%; margin: 0.35rem auto; height: 1.1rem; overflow: hidden; font-size: 0.16rem; line-height: 0.28rem; color: #fff; } .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%); } .title-a { text-align: center; margin-top: 0.5rem; } .title-a h4 { font-size: 0.3rem; color: #005bac; font-weight: bold; letter-spacing: 0.05rem; } .kj-box { width: 100%; height: 4.4rem; overflow: hidden; background-image: url('../image/cxcg01.jpg'); background-size: 100% 100%; background-repeat: no-repeat; } .kj-box1 { width: 14.4rem; height: 4.4rem; overflow: hidden; margin: 0 auto; } .kj-box1a { width: 100%; margin: 0.2rem auto 0; height: 4.5rem; overflow: hidden; } .kj-box1a > li { width: 50%; height: 4.5rem; overflow: hidden; float: left; } .title-a { text-align: center; margin-top: 0.5rem; } .title-a h4 { font-size: 0.3rem; color: #005bac; font-weight: bold; letter-spacing: 0.05rem; } .title-a1 { text-align: center; margin-top: 0.5rem; width: 1rem; } .title-a1 h4 { font-size: 0.26rem; color: #fff; font-weight: bold; letter-spacing: 0.05rem; } .kj-text1 { width: 4.58rem; margin-top: 0.3rem; height: 1.52rem; overflow: hidden; color: #fff; line-height: 0.3rem; } .kj-box6 { width: 4.58rem; margin-top: 0.2rem; height: 0.68rem; overflow: hidden; } .kj-box6 > li { width: 1.62rem; height: 0.56rem; overflow: hidden; color: #fff; line-height: 0.56rem; font-size: 0.16rem; float: left; text-align: center; background-image: url('../image/cxcg3.png'); background-size: 100% 100%; background-repeat: no-repeat; margin-right: 0.24rem; cursor: pointer; } .kj-li-bg1 { background-image: url('../image/cxcg2.png') !important; } .kj-box2 { width: 100%; height: 14rem; overflow: hidden; background-image: url('../image/cxcg4.jpg'); background-size: 100% auto; background-position-y: bottom; background-repeat: no-repeat; } .swiper-container1 li { width: calc(33% - 0.2rem); height: 6.74rem; overflow: hidden; padding-bottom: calc(33% - 0.2rem); font-size: 0; background-repeat: no-repeat; display: block !important; background-size: 100% 100% !important; } .kj-zs { width: 3.7rem; height: 4.9rem; overflow: hidden; margin: 0 auto; } .kj-zs img { width: 100%; } .keji2 { background-size: 100% 100% !important; } /* .swiper_img_box1 { background-image: url('../image/kjcg7.png'); } .swiper_img_box2 { background-image: url('../image/kjcg8.png'); } .swiper_img_box3 { background-image: url('../image/kjcg9.png'); } .swiper_img_box4 { background-image: url('../image/kjcg10.png'); } */ .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; height: 4.5rem; } .part_box2 .swiper_tips_box { position: absolute; left: 50%; bottom: 2.1rem; 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; } .part_box2 .swiper-button-next { /*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;*/ 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; } .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; } .part_box2 { width: 14.4rem; height: 5rem; overflow: hidden; margin: 0 auto; position: relative; } .part_box2 .content_box { width: 13.4rem !important; height: 5rem; overflow: hidden; margin: 0 auto; } /* .swiper_img_box1 { background-image: url('../image/kjcg7.png'); } .swiper_img_box2 { background-image: url('../image/kjcg8.png'); } .swiper_img_box3 { background-image: url('../image/kjcg9.png'); } .swiper_img_box4 { background-image: url('../image/kjcg10.png'); } */ .part_box2 .list_content_box1 { width: 100%; height: 4.9rem; overflow: hidden; margin: 0 auto; background-color: rgba(19,104,176,0.5); background-size: cover; background-repeat: no-repeat; } .part_box2 .list_content_box1 img { width: 1.2rem; display: block; margin: 1rem auto 0; } .part_box2 .list_content_box1 p { text-align: center; margin-top: 0.4rem; width: 100%; position: relative; font-weight: 600; font-size: 0.24rem; color: #fff; line-height: 1.4; } .part_box2 .list_content_box1 p:after { position: absolute; left: 50%; margin-left: -0.39rem; background: #fff; bottom: -0.16rem; content: ''; display: block; width: 0.73rem; height: 0.04rem; } .swiper-container2 li { width: calc(33% - 0.2rem); height: 0; padding-bottom: calc(33% - 0.2rem); font-size: 0; background-size: 100% 100%; } .part_box3 { width: 14.4rem; height: 6.4rem; overflow: hidden; margin: 0 auto; position: relative; } .part_box3 .content_box { width: 13.4rem !important; height: 6.4rem; overflow: hidden; margin: 0 auto; } .part_box3 .swiper-container { width: 100%; height: 100%; } .part_box3 .swiper-slide { text-align: center; font-size: 0.18rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: block; -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; height: 6rem; overflow: hidden; } .part_box3 .swiper_tips_box { position: absolute; left: 50%; bottom: 2.6rem; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 100%; height: 1.12rem; } .part_box3 .swiper-pagination-fraction { position: static; width: auto; margin: 0 0.2rem; font-size: 0.18rem; } .part_box3 .swiper-button-next { /*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;*/ 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; } .part_box3 .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; } .part_box3 .swiper-pagination-current { color: #00498a; } .part_box3 .swiper-button-next:after, .part_box3 .swiper-button-prev:after { font-size: 0.18rem; } .part_box3 .sw-img1 { width: 100%; height: 2.8rem; overflow: hidden; background-size: 100% auto; background-repeat: no-repeat; margin-bottom: 20px; } .part_box3 .sw-img2 { width: 100%; height: 2.8rem; margin-top: 0.2rem; overflow: hidden; background-size: 100% auto; background-repeat: no-repeat; } .part_box3 .list_content_box1 { width: 100%; height: 2.8rem; background-color: rgba(19,104,176,0.5); background-size: cover; background-repeat: no-repeat; overflow: hidden; } .part_box3 .list_content_box1 img { width: 1.2rem; display: block; margin: 0.4rem auto 0; } .part_box3 .list_content_box1 p { text-align: center; margin-top: 0.1rem; width: 100%; position: relative; font-weight: 600; font-size: 0.24rem; color: #fff; line-height: 1.4; } .part_box3 .list_content_box1 p:after { position: absolute; left: 50%; margin-left: -0.39rem; background: #fff; bottom: -0.16rem; content: ''; display: block; width: 0.73rem; height: 0.04rem; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0px; }