/* 引导页开始 */ .mob { display: none; } .slb_guidepage { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 99998; top: 0; left: 0; display: none; } .slb_guidepage.show { display: block; } .slb_guidepage .container { position: relative; z-index: 99999; } .slb_guidepage_first { display: none; } .slb_guidepage_first.on { display: block; } .slb_guidepage_first .img1 { position: absolute; top: 7px; right: 516px; } .slb_guidepage_first .img2 { position: absolute; top: 154px; right: 650px; } .slb_guidepage_first .cont { position: absolute; left: 50%; transform: translatex(-50%); top: 234px; width: 878px; height: 515px; background: no-repeat center; box-sizing: border-box; padding-top: 160px; padding-left: 192px; } .slb_guidepage_first .cont p { font-size: 28px; color: #333333; line-height: 58px; } .slb_guidepage_first .cont p em { font-size: 34px; color: #1f61ba; font-weight: 700; } .slb_guidepage_first .cont a { display: inline-block; font-size: 30px; color: #fff; text-align: center; width: 204px; height: 84px; line-height: 84px; background: center center no-repeat; position: absolute; right: 90px; top: 80px; } .slb_guidepage_first .slb_guidepage_close { display: block; width: 60px; height: 60px; position: absolute; top: 235px; right: 140px; background: center center no-repeat; } .slb_guidepage_first .slb_guidepage_close i { display: none; } .slb_guidepage_second { display: none; } .slb_guidepage_second.on { display: block; } .slb_guidepage_second .img1 { position: absolute; top: 7px; right: 230px; } .slb_guidepage_second .img2 { position: absolute; top: 163px; right: 370px; } .slb_guidepage_second .cont { position: absolute; left: 50%; transform: translatex(-50%); top: 234px; width: 878px; height: 515px; background: no-repeat center; box-sizing: border-box; padding-top: 140px; padding-left: 180px; } .slb_guidepage_second .cont p { font-size: 28px; color: #333333; line-height: 58px; } .slb_guidepage_second .cont p em { font-size: 34px; color: #1f61ba; font-weight: 700; } .slb_guidepage_second .slb_guidepage_close { display: block; width: 60px; height: 60px; position: absolute; top: 235px; right: 140px; background: center center no-repeat; } /* 引导页结束 */ .index_box { width: 100%; margin: 0 auto; height: 1793px; background: no-repeat center 106px; } /* header start */ .header { width: 100%; height: 502px; margin: 0 auto; } .head_top { width: 100%; height: 106px; margin: 0 auto; background-color: #1f61ba; } .head_top .le { float: left; } .head_top .le .dates { font-size: 25px; line-height: 106px; color: #fff; display: block; } .head_top .rt { float: right; margin-right: 22px; } .head_top .rt ul li { width: 130px; height: 106px; background: no-repeat right center; background-size: 1px; float: left; } .head_top .rt ul li:last-child { width: 102px; background: none; } .head_top .rt ul li a { width: 130px; height: 40px; display: block; text-align: center; padding-top: 66px; color: #fff; font-size: 18px; } .head_top .rt ul li:nth-child(1) a { background: url(/uploads/image/msimages/head_top_tb02.png) no-repeat center 20px; background-size: 34px; } .head_top .rt ul li:nth-child(2) a { background: url(/uploads/image/msimages/head_top_tb03.png) no-repeat center 20px; background-size: 32px; } .head_top .rt ul li:nth-child(3) a { background: no-repeat center 20px; background-size: 33px; } .head_top .rt ul li:nth-child(4) a { background: url(/uploads/image/msimages/head_top_tb05.png) no-repeat center 20px; background-size: 26px; } .head_top .rt ul li:nth-child(4).batchreadon a { background: url(/uploads/image/msimages/head_top_tb05s.png) no-repeat center 20px; background-size: 27px; } .head_top .rt ul li:nth-child(5) a { background: no-repeat center 20px; background-size: 26px; } .head_top .rt ul li:nth-child(5).pointreadon a { background: no-repeat center 20px; background-size: 27px; } .head_top .rt ul li:nth-child(6) a { background: no-repeat center 20px; background-size: 26px; } .head_top .rt ul li:nth-child(7) a { background: url(/uploads/image/msimages/head_top_tb08.png) no-repeat center 20px; background-size: 39px; } .head_con { height: 363px; margin: 0 auto; } .head_con a { float: left; margin-top: 83px; } .head_con a img { width: 452px; height: 146px; } .head_con span { margin-top: -25px; float: left; width: 600px; height: 76px; display: block; background: url(/uploads/image/msimages/head_zzllms.png) no-repeat center; } /* header end */ /* container start */ .content { height: auto; background-color: #fff; border-radius: 20px; margin-bottom: 56px; } .content_con01 { width: 1136px; height: 353px; padding-top: 50px; margin: 0 auto; position: relative; overflow: hidden; } .content_con01 .swiper-slide { height: 353px; float: left; border-radius: 10px; background-color: #eaf6ff; background: no-repeat center right; } .content_con01 .swiper-slide a:first-child { float: left; margin-left: 0; margin-top: 0; width: 600px; } .content_con01 .swiper-slide a img { width: 600px; height: 353px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .content_con01 .swiper-slide a { font-size: 36px; color: #000000; font-weight: bold; display: block; width: 435px; line-height: 60px; margin-top: 35px; margin-left: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; float: left; } .content_con01 .swiper-slide span { font-size: 18px; color: #666666; display: block; float: left; margin-top: 62px; margin-left: 45px; } .content_con01 .prev { position: absolute; left: 0; top: 50%; display: block; width: 48px; margin-left: 20px; height: 48px; background: no-repeat center; background-size: 48px; } .content_con01 .next { position: absolute; left: 47.6%; top: 50%; display: block; width: 48px; height: 48px; background: no-repeat center; background-size: 48px; } .content2_con { width: 1136px; padding-top: 50px; margin: 0 auto; overflow: auto; padding-bottom: 50px; } .content2_con_le { width: 786px; float: left; } .content2_con_le ul li { float: left; width: 350px; height: 345px; margin-right: 43px; } .content2_con_le ul li a { width: 350px; height: 345px; display: block; font-size: 38px; color: #333333; font-weight: bold; text-align: center; } .content2_con_le ul li a span { padding-top: 208px; display: block; } .content2_con_le ul li:nth-child(1), .content2_con_le ul li:nth-child(2) { margin-bottom: 40px; } .content2_con_le ul li:nth-child(1) a { background: url(/uploads/image/msimages/con01.png) no-repeat center; } .content2_con_le ul li:nth-child(2) a { background: no-repeat center; } .content2_con_le ul li:nth-child(3) a { background: no-repeat center; } .content2_con_le ul li:nth-child(4) a { background: no-repeat center; } .content2_con_rt { width: 350px; float: left; } .content2_con_rt ul li { float: left; width: 350px; height: 217px; } .content2_con_rt ul li a { width: 350px; height: 217px; display: block; font-size: 38px; color: #333333; font-weight: bold; text-align: center; } .content2_con_rt ul li a span { padding-top: 136px; display: block; } .content2_con_rt ul li:nth-child(1), .content2_con_rt ul li:nth-child(2) { margin-bottom: 40px; } .content2_con_rt ul li:nth-child(1) a { background: url(/uploads/image/msimages/con05.png) no-repeat center; } .content2_con_rt ul li:nth-child(2) a { background: no-repeat center; } .content2_con_rt ul li:nth-child(3) a { background: url(/uploads/image/msimages/con07.png) no-repeat center; } /* container end */ /* footer start */ .footer { height: 192px; background-color: #3466ab; margin: 0 auto; border-top: 6px solid #4a89d4; } .footer .le { float: left; height: 192px; } .footer .le img { width: 66px; height: 80px; margin-top: 58px; } .footer .con { margin-left: 124px; margin-top: 44px; float: left; } .footer .con ul li { font-size: 18px; text-align: center; color: #fff; line-height: 34px; } .footer .con ul li a { color: #fff; } .footer .con .gaba { padding-left: 30px; background: url(/uploads/image/msimages/gaba.png) no-repeat left center; background-size: 20px; } .footer .rt { float: right; height: 192px; } .footer .rt a { width: 110px; height: 55px; margin-top: 70px; display: block; background: no-repeat center; } .mobile_footer { display: none; } /* footer end */ @media (max-width: 750px) and (min-width: 320px) { /* 引导页开始 */ .pc { display: none; } .mob { display: block; } .slb_guidepage_first .img3 { display: block; width: 2.62rem; position: absolute; right: 2.6rem; top: 0.1rem; } .slb_guidepage_first .img4 { display: block; width: 0.73rem; position: absolute; top: 2.15rem; right: 4rem; } .slb_guidepage_first .cont { width: 7.3rem; height: 5.15rem; padding-top: 1.4rem; top: 3rem; background: no-repeat center; background-size: 100%; padding-left: 0.7rem; text-align: center; } .slb_guidepage_first .cont p { font-size: .28rem; line-height: .58rem; } .slb_guidepage_first .cont p em { font-size: .34rem; } .slb_guidepage_first .cont a { display: none; } .slb_guidepage_first .button { position: absolute; left: 50%; transform: translatex(-50%); top: 8.3rem; width: 3rem; } .slb_guidepage_first .slb_guidepage_close { display: block; width: 2.04rem; height: 0.84rem; line-height: 0.84rem; text-align: center; color: #fff; font-weight: bold; position: absolute; top: 8.5rem; right: 25%; transform: translatex(-50%); background: center center no-repeat; background-size: 100%; } .slb_guidepage_first .slb_guidepage_close i { display: block; font-size: .3rem; color: #1f61ba; } /* 引导页结束 */ body { max-width: 7.5rem !important; min-width: 3.2rem !important; } .container { width: 100% !important; } .index_box { width: 100%; margin: 0 auto; height: auto; background-image: none; } .header { width: 7.5rem; height: 7.93rem; margin: 0 auto; background: no-repeat center 1.26rem; background-size: 100%; } .head_top .le { display: none; } .head_top { width: 100%; display: block; height: 1.26rem; } .head_top .rt { float: left; margin-right: 0; } .head_top .rt ul li { background: none; } .head_top .rt ul li:nth-child(2), .head_top .rt ul li:nth-child(3), .head_top .rt ul li:nth-child(5), .head_top .rt ul li:nth-child(6) { display: none; } .head_top .rt ul li:nth-child(1), .head_top .rt ul li:nth-child(4), .head_top .rt ul li:nth-child(7) { width: 1.8rem; height: 1.26rem; } .head_top .rt ul li:nth-child(1) { margin-left: 0.12rem; } .head_top .rt ul li:nth-child(4) { margin-left: 0.93rem; } .head_top .rt ul li:nth-child(7) { margin-left: 0.7rem; } .head_top .rt ul li a { width: 1.8rem; height: 0.5rem; display: block; text-align: center; padding-top: 0.76rem; color: #fff; font-weight: bold; font-size: 0.26rem; } .head_top .rt ul li:first-child a { background: url(/uploads/image/msimages/head_top_tb02.png) no-repeat center 0.2rem; background-size: 0.4rem; } .head_top .rt ul li:nth-child(4) a { background: url(/uploads/image/msimages/head_top_tb05.png) no-repeat center 0.2rem; background-size: 0.3rem; } .head_top .rt ul li:nth-child(4).batchreadon a { background: url(/uploads/image/msimages/head_top_tb05s.png) no-repeat center 0.2rem !important; background-size: 0.3rem !important; } .head_top .rt ul li:nth-child(7) a { background: url(/uploads/image/msimages/head_top_tb08.png) no-repeat center 0.2rem; background-size: 0.39rem; } .head_con { width: 7.5rem; padding-top: 0.56rem; height: 3.63rem; margin: 0 auto; } .head_con a { float: none; margin: 0 auto; display: block; text-align: center; } .head_con .logo1 { display: none; } .head_con .logo2 { display: block !important; } .head_con a img { width: 4.53rem; height: 1.34rem; } .head_con span { float: none; margin: 0 auto; width: 5.23rem; float: left; margin-left: 0.3rem; margin-top: 0.08rem; height: 0.7rem; display: block; background: no-repeat center; background-size: 100%; } .content { margin-top: -3.2rem; width: 6.9rem !important; height: auto !important; margin-bottom: 0.16rem; border-radius: 0.2rem; } .content_con01 { width: 6.59rem !important; height: 5.8rem !important; padding-top: 0.4rem; } .content_con01 .swiper-slide { height: 5.8rem; } .content_con01 .swiper-slide a { margin-top: 0; width: 6.18rem !important; margin-left: 0.2rem; font-size: 0.36rem; line-height: 0.6rem; -webkit-line-clamp: 2; } .content_con01 .swiper-slide a img { width: 6.59rem; height: 3.7rem; border-top-left-radius: 0.1rem; border-top-right-radius: 0.1rem; border-bottom-left-radius: 0; } .content_con01 .swiper-slide a:first-child { width: 6.59rem !important; } .content_con01 .swiper-slide span { font-size: 0.18rem; color: #666666; display: block; float: left; margin-top: 0.1rem; margin-left: 0.2rem; padding-bottom: 0.3rem; } .content_con01 .prev { position: absolute; left: 0; top: 32%; display: block; width: 0.48rem; height: 0.48rem; margin-left: 0.2rem; background: no-repeat center; background-size: 0.48rem; } .content_con01 .next { position: absolute; right: 0; left: unset; top: 32%; display: block; margin-right: 0.2rem; width: 0.48rem; height: 0.48rem; background: no-repeat center; background-size: 0.48rem; } .content_con02 { width: 6.59rem; margin: 0 auto; } .content_con02 a:first-child { width: 2.3rem; margin-right: 0.39rem; padding-right: 0rem; background: no-repeat left; background-size: 3.1rem; padding-left: 0.8rem; } .content_con02 a:last-child { width: 2.23rem; padding-right: 0rem; background: no-repeat left; background-size: 3.1rem; padding-left: 0.87rem; } .content_con02 a { height: 1.4rem; margin-top: 0rem; display: block; font-size: 0.32rem; line-height: 1.36rem; text-align: left; font-weight: bold; color: #fff; float: left; } .content2_con { width: 6.59rem; margin: 0 auto; padding-top: 0.4rem; padding-bottom: 0.4rem; } .content2_con_le { width: 6.59rem; } .content2_con_le ul li { float: left; width: 3.17rem; height: 3.12rem; margin-right: 0.25rem; } .content2_con_le ul li:nth-child(2n) { margin-right: 0rem; } .content2_con_le ul li:nth-child(1), .content2_con_le ul li:nth-child(2), .content2_con_le ul li:nth-child(3), .content2_con_le ul li:nth-child(4) { margin-bottom: 0.25rem; } .content2_con_le ul li a { width: 3.17rem; height: 3.12rem; display: block; font-size: 0.36rem; color: #000000; font-weight: bold; text-align: center; background-size: 100% !important; } .content2_con_le ul li a span { padding-top: 1.9rem; display: block; } .content2_con_rt { width: 6.59rem; } .content2_con_rt ul li { float: left; width: 6.59rem; height: 4.09rem; margin-right: 0.25rem; } .content2_con_rt ul li a { width: 6.59rem; height: 4.09rem; display: block; font-size: 0.46rem; color: #000000; font-weight: bold; text-align: center; background-size: 100% !important; } .content2_con_rt ul li:nth-child(1), .content2_con_rt ul li:nth-child(2) { margin-bottom: 0.25rem; } .content2_con_rt ul li a span { padding-top: 2.7rem; letter-spacing: 0.02rem; display: block; } .footer { display: none; } .footer .con { margin-left: 0 !important; width: 100%; margin-top: 0.38rem; } .footer .con ul li { font-size: 0.24rem !important; line-height: 0.4rem; } .footer .con .gaba { padding-left: 0.3rem; background: url(/uploads/image/msimages/gaba.png) no-repeat left center; background-size: 0.2rem; } .mobile_footer { display: block; height: 1.92rem; border-top: 0.06rem solid #4a89d4; } }