/* header start */ .index_box { background-color: #f2f2f2; } .header { height: 5.95rem; background: url(/uploads/image/mzimages/header_bj.png) no-repeat center top; background-size: 100%; } .header_t { padding-top: 0.3rem; } .header_t .l a { font-size: 0.24rem; color: #da193e; display: block; box-sizing: border-box; padding-left: 0.35rem; background: url(/uploads/image/mzimages/jyt.png) no-repeat left center; background-size: 0.25rem; } .header_logo { width: 5.84rem; height: 2.2rem; margin: auto; margin-top: 0.72rem; } .header_logo a { width: 5.84rem; height: 2.2rem; display: block; background: url(/uploads/image/mzimages/logo.png) no-repeat center; background-size: 100%; } .header_search { padding-top: 0.3rem; display: table; } .header_search input { float: left; width: 4.2rem; height: 0.7rem; border: 0.01rem solid #1b5292; border-radius: 3px; background: #ffffff; box-sizing: border-box; padding: 0 0.2rem; } .header_search input::placeholder { font-size: 0.24rem; color: #d3d6d9; } .header_search button { float: left; margin-left: 0.1rem; width: 1.28rem; height: 0.7rem; border-radius: 0.03rem; background: #2966ad; color: #ffffff; font-size: 0.24rem; } .header_nav { margin-top: 0.63rem; background-color: #1b5292; position: relative; height: 0.86rem; overflow: hidden; transition: .2s; } .header_nav ul { position: absolute; z-index: 9; background-color: #1b5292; } .header_nav ul li { float: left; } .header_nav ul li.on { background: url(/uploads/image/mzimages/nav_li.png) no-repeat center 0.66rem; background-size: 0.33rem; } .header_nav ul li a { display: block; text-align: center; font-size: 0.26rem; color: #ffffff; line-height: 0.86rem; font-weight: bold; height: 0.86rem; width: 1.71rem; background: no-repeat right center; background-size: 0.01rem; } .header_nav ul li:nth-child(4n) a { background: none; } .header_nav button { position: absolute; width: 0.76rem; height: 0.86rem; right: 0; top: 0; background-color: #2966ad; border: none; outline: none; z-index: 1000; } .header_nav button img { display: block; width: 0.35rem; height: 0.25rem; margin: 0 auto; transition: .2s; } .header_nav.show { transition: .2s; overflow: initial; } .header_nav.show button img { transform: rotatez(270deg); transition: .2s; } .header_nav i { position: absolute; top: 0.86rem; width: 100%; height: 0.02rem; background: #ffffff; left: 0; z-index: 9999; } .lunbo_box { height: 4.87rem; padding-top: 0.37rem; box-sizing: border-box; background: url(/uploads/image/mzimages/lunbo_bj.png) no-repeat center top; } .lunbo { width: 7.1rem; height: 4.09rem; background-color: #d7e0e8; overflow: hidden; } .lunbo_c { width: 6.9rem; height: 3.88rem; padding-top: 0.1rem; overflow: hidden; } .con01_box { width: 100%; padding-top: 0.4rem; box-sizing: border-box; background-color: #ffffff; } .con01 { height: 5.17rem; overflow: hidden; position: relative; } .con01 .tabs { width: 100%; margin: 0 auto; box-sizing: border-box; height: 0.58rem; border-bottom: 0.01rem solid #e6e6e6; position: relative; } .con01 .tabs span { display: block; float: left; color: #333333; font-weight: bold; height: 0.36rem; line-height: 0.36rem; font-size: 0.36rem; text-align: center; margin-right: 0.35rem; cursor: pointer; } .con01 .tabs span:last-child { margin-right: 0; } .con01 .tabs span.on { color: #1b5292; padding-bottom: 0.2rem; border-bottom: 0.01rem solid #1b5292; } .con01 .content-slide { margin-top: 0.3rem; } .con01 .content-slide li { width: 100%; height: 0.3rem; margin-bottom: 0.36rem; background: url(/uploads/image/mzimages/heidian.png) no-repeat left; background-size: 0.06rem; } .con01 .content-slide li a { font-size: 0.28rem; color: #333333; float: left; width: 5.2rem; height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.2rem; line-height: 0.3rem; } .con01 .content-slide li span { font-size: 0.24rem; color: #999999; float: right; line-height: 0.3rem; } .con01 .a2 { height: 0.55rem; display: block; background-color: #f0f8fc; border-radius: 0.05rem; font-size: 0.24rem; text-align: center; line-height: 0.55rem; color: #1b5292; } .hengfu { width: 100%; margin-top: 0.1rem; padding: 0.4rem 0; box-sizing: border-box; background-color: #ffffff; position: relative; } .hengfu .myswiper2 .swiper-slide { width: 3.45rem !important; } .hengfu_a1, .hengfu_a2 { width: 3.45rem; height: 1.82rem; display: block; } .hengfu_a1 img { width: 3.3rem !important; height: 1.82rem !important; float: left; } .hengfu_a2 img { width: 3.3rem !important; height: 1.82rem !important; float: right; } .swiper-prev { width: 0.34rem; height: 0.61rem; background: url(/uploads/image/mzimages/hengfu_le.png) no-repeat center; background-size: 100%; left: 0; right: auto; cursor: pointer; position: absolute; top: 35%; z-index: 999; } .swiper-next { width: 0.34rem; height: 0.61rem; background: url(/uploads/image/mzimages/hengfu_rt.png) no-repeat center; background-size: 100%; left: auto; right: 0; cursor: pointer; position: absolute; top: 35%; z-index: 999; } .zcwj_box { width: 100%; height: 7.33rem; background-color: #ffffff; } .zcwj { padding: 0.43rem 0.3rem; box-sizing: border-box; background: url(/uploads/image/mzimages/zcwj_bj.png) no-repeat center top; background-size: 100%; } .zcwj .hd { height: 0.55rem; box-sizing: border-box; border-bottom: 0.01rem solid #e6e6e6; } .zcwj .hd span { font-size: 0.36rem; color: #333333; font-weight: bold; display: block; } .zcwj .bd { padding-top: 0.3rem; } .zcwj .bd ul li { float: left; height: 0.78rem; margin-bottom: 0.39rem; } .zcwj .bd ul li>div { width: 0.85rem; float: left; height: 0.78rem; margin-right: 0.3rem; } .zcwj .bd ul li>div i { width: 100%; display: block; font-size: 0.56rem; color: #1b5292; float: left; font-family: arial; font-weight: 500; text-align: center; } .zcwj .bd ul li>div span { width: 100%; display: block; font-family: arial; font-size: 0.24rem; color: #1b5292; float: left; text-align: center; } .zcwj .bd ul li a { font-size: 0.28rem; color: #333333; display: block; line-height: 0.42rem; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zcwj .bd .a2 { height: 0.55rem; display: block; background-color: #f0f8fc; border-radius: 0.05rem; font-size: 0.24rem; text-align: center; line-height: 0.55rem; color: #1b5292; } .con02_box { width: 100%; margin-top: 0.1rem; padding-top: 0.4rem; box-sizing: border-box; background-color: #ffffff; } .con02 { height: 5.17rem; overflow: hidden; position: relative; } .con02 .tabs2 { width: 100%; margin: 0 auto; box-sizing: border-box; height: 0.58rem; border-bottom: 0.01rem solid #e6e6e6; position: relative; } .con02 .tabs2 span { display: block; float: left; color: #333333; font-weight: bold; height: 0.36rem; line-height: 0.36rem; font-size: 0.36rem; text-align: center; margin-right: 0.35rem; cursor: pointer; } .con02 .tabs2 span:last-child { margin-right: 0; } .con02 .tabs2 span.on { color: #1b5292; padding-bottom: 0.2rem; border-bottom: 0.01rem solid #1b5292; } .con02 .content-slide { margin-top: 0.3rem; } .con02 .content-slide li { width: 100%; height: 0.3rem; margin-bottom: 0.36rem; background: url(/uploads/image/mzimages/heidian.png) no-repeat left; background-size: 0.06rem; } .con02 .content-slide li a { font-size: 0.28rem; color: #333333; float: left; width: 5.2rem; height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.2rem; line-height: 0.3rem; } .con02 .content-slide li span { font-size: 0.24rem; color: #999999; float: right; line-height: 0.3rem; } .con02 .a2 { height: 0.55rem; display: block; background-color: #f0f8fc; border-radius: 0.05rem; font-size: 0.24rem; text-align: center; line-height: 0.55rem; color: #1b5292; } .zxhd { height: 7.02rem; background: url(/uploads/image/mzimages/zxhd_bj.png) no-repeat center; background-size: 100%; } .zxhd .hd { padding-top: 0.4rem; } .zxhd .hd span { display: block; font-size: 0.36rem; font-weight: bold; text-align: center; color: #1b5292; background: url(/uploads/image/mzimages/zxhd_hd.png) no-repeat center; background-size: 100%; } .zxhd .bd { padding-top: 0.3rem; } .zxhd .bd ul { padding: 0 0.3rem; } .zxhd .bd ul li { float: left; width: 1.82rem; height: 2.64rem; margin-right: 0.72rem; margin-bottom: 0.3rem; } .zxhd .bd ul li:nth-child(3n) { margin-right: 0; } .zxhd .bd ul li i { display: block; width: 1.59rem; height: 1.76rem; margin-bottom: 0.38rem; } .zxhd .bd ul li:nth-child(1) i { background: url(/uploads/image/mzimages/zxhd_li1.png) no-repeat center; background-size: 100%; } .zxhd .bd ul li:nth-child(2) i { background: url(/uploads/image/mzimages/zxhd_li2.png) no-repeat center; background-size: 100%; } .zxhd .bd ul li:nth-child(3) i { background: url(/uploads/image/mzimages/zxhd_li3.png) no-repeat center; background-size: 100%; margin-bottom: 0.15rem; } .zxhd .bd ul li:nth-child(4) i { background: url(/uploads/image/mzimages/zxhd_li4.png) no-repeat center; background-size: 100%; } .zxhd .bd ul li:nth-child(5) i { background: url(/uploads/image/mzimages/zxhd_li5.png) no-repeat center; background-size: 100%; } .zxhd .bd ul li:nth-child(6) i { background: url(/uploads/image/mzimages/zxhd_li6.png) no-repeat center; background-size: 100%; margin-bottom: 0.15rem; } .zxhd .bd ul li a { font-size: 0.26rem; display: block; line-height: 0.42rem; color: #333333; text-align: center; } .zxhd .bd ul li:nth-child(3) a { width: 1.8rem; } .con03_box { width: 100%; padding-top: 0.4rem; box-sizing: border-box; background-color: #ffffff; } .con03 { height: 5.17rem; overflow: hidden; position: relative; } .con03 .tabs3 { width: 100%; margin: 0 auto; box-sizing: border-box; height: 0.58rem; border-bottom: 0.01rem solid #e6e6e6; position: relative; } .con03 .tabs3 span { display: block; float: left; color: #333333; font-weight: bold; height: 0.36rem; line-height: 0.36rem; font-size: 0.36rem; text-align: center; margin-right: 0.35rem; cursor: pointer; } .con03 .tabs3 span:last-child { margin-right: 0; } .con03 .tabs3 span.on { color: #1b5292; padding-bottom: 0.2rem; border-bottom: 0.01rem solid #1b5292; } .con03 .content-slide { margin-top: 0.3rem; } .con03 .content-slide li { width: 100%; height: 0.3rem; margin-bottom: 0.36rem; background: url(/uploads/image/mzimages/heidian.png) no-repeat left; background-size: 0.06rem; } .con03 .content-slide li a { font-size: 0.28rem; color: #333333; float: left; width: 5.2rem; height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.2rem; line-height: 0.3rem; } .con03 .content-slide li span { font-size: 0.24rem; color: #999999; float: right; line-height: 0.3rem; } .con03 .a2 { height: 0.55rem; display: block; background-color: #f0f8fc; border-radius: 0.05rem; font-size: 0.24rem; text-align: center; line-height: 0.55rem; color: #1b5292; } .footer { height: 3.56rem; background-color: #1b5292; } .pic_mobile { text-align: center; height: 0.65rem; background-color: #2966ad; top: -0.17rem; width: 6.9rem; display: inline-block; line-height: 0.05rem; position: relative; } .pic_mobile a { font-size: 0.28rem; text-align: center; line-height: 0.65rem; color: #e7f0fc; } .pic_mobile a:first-child { margin-right: 0.85rem; color: #66a0e6; } .pic_mobile span { font-size: 0.22rem; color: #719abc; position: absolute; left: 3.43rem; top: 0.29rem; } .footer_con_mobile em { font-size: 0.24rem; color: #d0e7f7; text-align: center; line-height: 0.44rem; display: block; } .footer_con_mobile em a { font-size: 0.24rem; color: #d0e7f7; text-align: center; line-height: 0.44rem; } .footer_con_mobile em img { width: 0.2rem; height: 0.2rem; margin-left: 0.05rem; }