.index_box { width: 100%; margin: 0 auto; background-color: #f7f7f7; } /* 引导页 start */ .slb_guidepage.show { display: block; } .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 .container { position: relative; z-index: 99999; } .slb_guidepage_first.on { display: block; } .slb_guidepage_first { display: none; } .slb_guidepage_first .img1 { position: absolute; top: 10px; right: 166px; } .slb_guidepage_first .img2 { position: absolute; top: 106px; right: 278px; } .slb_guidepage_first .img3, .slb_guidepage_first .img4 { display: none; } .slb_guidepage_first .cont { position: absolute; left: 50%; transform: translatex(-50%); top: 240px; width: 660px; height: 637px; background: url(/uploads/image/msimages/slb_guidepage3.png) no-repeat center; text-align: center; box-sizing: border-box; padding-top: 230px; background-size: 100%; } .pc { display: block; } .mobile { display: none; } .slb_guidepage_first .cont p { font-size: 30px; color: #333333; line-height: 58px; margin-left: 4px; margin-top: 95px; text-align: center; } .slb_guidepage_first .cont p em { font-size: 32px; color: #025ca5; font-weight: 700; } .slb_guidepage_first .button { position: absolute; left: 39.4%; transform: translatex(-50%); top: 830px; width: 175px; height: 80px; } .slb_guidepage_first .button a { font-size: 30px; color: #fff; text-align: center; display: block; width: 443px; height: 89px; line-height: 89px; background: url(/uploads/image/msimages/slb_guidepage4.png) center center no-repeat; } .slb_guidepage_first .button2 { position: absolute; left: 78%; transform: translatex(-50%); top: 195px; width: 49px; height: 49px; } .slb_guidepage_first .button2 a { display: block; width: 49px; height: 49px; background: url(/uploads/image/msimages/slb_guidepage5.png) center center no-repeat; } .slb_guidepage_second.on { display: block; } .slb_guidepage_second { display: none; } .slb_guidepage_second .img1 { position: absolute; top: 10px; right: 339px; } .slb_guidepage_second .img2 { position: absolute; top: 106px; right: 415px; } .slb_guidepage_second .cont { position: absolute; left: 50%; transform: translatex(-50%); top: 240px; width: 660px; height: 637px; background: url(/uploads/image/msimages/slb_guidepage8.png) no-repeat center; text-align: center; box-sizing: border-box; padding-top: 230px; background-size: 100%; } .slb_guidepage_second .cont p { font-size: 30px; color: #333333; line-height: 58px; margin-left: 4px; margin-top: 95px; text-align: center; } .slb_guidepage_second .cont p em { font-size: 32px; color: #025ca5; font-weight: 700; } .slb_guidepage_second .button { position: absolute; left: 39.4%; transform: translatex(-50%); top: 830px; width: 175px; height: 80px; } .slb_guidepage_second .button a { font-size: 30px; color: #fff; text-align: center; display: block; width: 443px; height: 89px; line-height: 89px; background: url(/uploads/image/msimages/slb_guidepage9.png) center center no-repeat; } /* 引导页 end */ /* header start */ .header { width: 100%; margin: 0 auto; background: url(/uploads/image/msimages/header_bj.png) no-repeat center 110px; } .header2 { height: 1044px; } .head_top { height: 110px; margin: 0 auto; background: url(/uploads/image/msimages/head_top_tb01.png) no-repeat center; } .head_top .le { float: left; height: 110px; } .head_top .le .dates { font-size: 18px; line-height: 36px; color: #fff; display: block; float: left; margin-top: 20px; letter-spacing: 1px; } .head_top .le .xingqi { font-size: 18px; color: #fff; margin-top: 20px; line-height: 36px; float: left; margin-left: 12px; letter-spacing: 1px; } .head_top .le .nong { font-size: 18px; color: #fff; float: left; letter-spacing: 1px; } .head_top .rt { float: right; position: relative; } .head_top .rt ul li { width: 77px; height: 77px; background: url(/uploads/image/msimages/head_top_tb01s.png) no-repeat right center; float: left; margin-right: 9px; margin-top: 15px; } .head_top .rt ul li:last-child { margin-right: 0; } .head_top .rt ul li a { width: 77px; height: 77px; box-sizing: border-box; display: block; text-align: center; padding-top: 47px; color: #fff; font-size: 16px; } .head_top .rt ul li:nth-child(1) a { background: url(/uploads/image/msimages/head_top_tb02.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(2) a { background: url(/uploads/image/msimages/head_top_tb03.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(3) a { background: url(/uploads/image/msimages/head_top_tb04.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(4) a { background: url(/uploads/image/msimages/head_top_tb05.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(4).batchreadon a { background: url(/uploads/image/msimages/head_top_tb05s.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(5) a { background: url(/uploads/image/msimages/head_top_tb06.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(5).pointreadon a { background: url(/uploads/image/msimages/head_top_tb06s.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(6) a { background: url(/uploads/image/msimages/head_top_tb07.png) no-repeat center; background-size: 77px; } .head_top .rt ul li:nth-child(7) a { background: url(/uploads/image/msimages/head_top_tb09.png) no-repeat center; background-size: 77px; } .head_con { height: auto; margin: 0 auto; } .head_con a { width: 481px; height: 100px; display: block; float: left; margin-top: 76px; margin-bottom: 169px; } .head_con a img { width: 481px; float: left; height: 100px; } /* header end */ /* container start */ .toutiao { height: 145px; display: table; } .toutiao .a1 { width: 89px; margin-left: 50px; height: 90px; margin-top: -50px; float: left; display: block; } .toutiao .a2 { font-size: 44px; color: #000000; font-weight: bold; width: 935px; height: 46px; margin-left: 186px; line-height: 46px; margin-top: 48px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; } .content_con01s { margin-top: 50px; } .content_con01 { height: 394px; background-color: #fff; border-radius: 15px; margin: 0 auto; position: relative; overflow: hidden; } .content_con01 .swiper-slide { height: 394px; float: left; } .content_con01 .swiper-slide a:first-child { float: left; margin-left: 0; margin-top: 0; width: 700px; } .content_con01 .swiper-slide a img { width: 700px; height: 394px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .content_con01 .swiper-slide a { font-size: 36px; color: #000000; font-weight: bold; display: block; width: 405px; line-height: 60px; margin-top: 35px; margin-left: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; float: left; } .content_con01 .swiper-slide a:hover { color: #005497; } .content_con01 .swiper-slide span { font-size: 20px; color: #666666; display: block; float: left; margin-top: 35px; margin-left: 44px; } .content_con01 .swiper-slide em .a1 { font-size: 18px; color: #ffffff; display: block; width: 130px; font-weight: normal; height: 50px; margin-top: 89px; margin-right: 40px; line-height: 50px; text-align: center; background: url(/uploads/image/msimages/lbs.png) no-repeat center; float: right; } .content_con01 .prev { position: absolute; left: 30px; top: 168px; display: block; width: 60px; height: 60px; background: url(/uploads/image/msimages/le.png) no-repeat center; background-size: 60px; } .content_con01 .next { position: absolute; left: 610px; top: 168px; display: block; width: 60px; height: 60px; background: url(/uploads/image/msimages/rt.png) no-repeat center; background-size: 60px; } .content2_con { height: 840px; padding-top: 50px; margin: 0 auto; overflow: hidden; } .content2_con .tabs { height: 198px; } .content2_con .tabs span { width: 373px; height: 198px; cursor: pointer; display: block; position: relative; float: left; margin-right: 40px; } .content2_con .tabs span:last-child { margin-right: 0; } .content2_con .tabs span:nth-child(1) { background: url(/uploads/image/msimages/con01.png) no-repeat center top; } .content2_con .tabs span:nth-child(2) { background: url(/uploads/image/msimages/con02.png) no-repeat center top; } .content2_con .tabs span:nth-child(3) { background: url(/uploads/image/msimages/con03.png) no-repeat center top; } .content2_con .tabs span i { width: 37px; height: 18px; position: absolute; bottom: 0; left: 168.6px; display: block; background: url(/uploads/image/msimages/con04.png) no-repeat center bottom; } .content2_con .tabs span.on i { display: block !important; } .swiper-container2 { height: 611px; margin-top: 31px; overflow: hidden; background-color: #fff; border-radius: 15px; } .swiper-slide { float: left; overflow: hidden; } .swiper-container2 .content-slide { padding: 0 39px; padding-top: 12px; } .swiper-container2 .content-slide li { height: 101px; box-sizing: border-box; border-bottom: 1px dashed #c8c8c8; } .swiper-container2 .content-slide li a { font-size: 32px; color: #222222; display: block; width: 920px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; padding-left: 28px; background: url(/uploads/image/msimages/landian.png) no-repeat left center; background-size: 9px; box-sizing: border-box; line-height: 100px; } .swiper-container2 .content-slide li:hover a { color: #005497; } .swiper-container2 .content-slide li span { font-size: 26px; color: #999999; display: block; line-height: 100px; float: right; } .swiper-container2 .a1 { width: 1122px; height: 86px; background-color: #e8f2fe; color: #015599; font-size: 26px; text-align: center; margin-left: 39px; line-height: 86px; display: inline-block; border-radius: 15px; margin-top: 50px; } .content3_con { margin-top: 50px; margin-bottom: 20px; } .content3_con ul li { width: 208px; height: 208px; float: left; margin-bottom: 40px; margin-right: 40px; } .content3_con ul li:nth-child(5n) { margin-right: 0; } .content3_con ul li a { width: 208px; height: 208px; display: block; } .content3_con ul li:nth-child(1) a { background: url(/uploads/image/msimages/con05.png)no-repeat center; } .content3_con ul li:nth-child(2) a { background: url(/uploads/image/msimages/con06.png)no-repeat center; } .content3_con ul li:nth-child(3) a { background: url(/uploads/image/msimages/con07.png)no-repeat center; } .content3_con ul li:nth-child(4) a { background: url(/uploads/image/msimages/con08.png)no-repeat center; } .content3_con ul li:nth-child(5) a { background: url(/uploads/image/msimages/con09.png)no-repeat center; } .content3_con ul li:nth-child(6) a { background: url(/uploads/image/msimages/con10.png)no-repeat center; } .content3_con ul li:nth-child(7) a { background: url(/uploads/image/msimages/con11.png)no-repeat center; } .content3_con ul li:nth-child(8) a { background: url(/uploads/image/msimages/con12.png)no-repeat center; } .content3_con ul li:nth-child(9) a { background: url(/uploads/image/msimages/con13.png)no-repeat center; } .content3_con ul li:nth-child(10) a { background: url(/uploads/image/msimages/con14.png)no-repeat center; } /* container end */ /* footer start */ .footer { height: 222px; background-color: #005497; margin: 0 auto; } .footer .le { float: left; height: 222px; } .footer .le img { width: 66px; height: 80px; margin-top: 80px; } .footer .con { margin-left: 92px; margin-top: 44px; float: left; } .footer .con ul li { font-size: 24px; text-align: center; color: #b3d4ef; line-height: 46px; } .footer .con ul li a { color: #b3d4ef; } .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: 222px; } .footer .rt a { width: 110px; height: 55px; margin-top: 88px; display: block; background: url(/uploads/image/msimages/jiucuo.png) no-repeat center; } .mobile_footer { display: none; } /* footer end */ @media (max-width: 750px) and (min-width: 320px) { 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-color: #e6f2fb; } .header { width: 7.5rem; margin: 0 auto; background: url(/uploads/image/msimages/header_bj2.png) no-repeat center 1.1rem; background-size: 100%; } .header2 { height: 11.65rem; } .header3 { height: 7.26rem; } .head_top .le { height: 1.1rem; } .head_top .le .dates { font-size: 0.18rem; margin-left: 0.3rem; line-height: 0.36rem; color: #fff; display: block; float: left; margin-top: 0.18rem; letter-spacing: 0.01rem; } .head_top .le .xingqi { font-size: 0.18rem; line-height: 0.36rem; color: #fff; margin-left: 0.15rem; float: left; margin-top: 0.18rem; letter-spacing: 0.01rem; } .head_top .le .nong { font-size: 0.18rem; color: #fff; float: left; margin-left: 0.3rem; margin-top: 0.06rem; letter-spacing: 0.01rem; } .head_top { width: 100%; display: block; height: 1.1rem; } .head_top .rt { float: right; margin-right: 0.3rem; } .head_top .rt ul li { background: none; margin-top: 0; margin-right: 0; } .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: 0.77rem; height: 0.77rem; margin-top: 0.15rem; } .head_top .rt ul li:nth-child(1) { margin-left: 0; } .head_top .rt ul li:nth-child(4) { margin-left: 0.3rem; } .head_top .rt ul li:nth-child(7) { margin-left: 0.3rem; position: inherit; } .head_top .rt ul li a { width: 0.77rem; height: 0.77rem; display: block; text-align: center; padding-top: 0.45rem; color: #fff; font-size: 0.18rem; } .head_top .rt ul li:first-child a { background: url(/uploads/image/msimages/head_top_tb02.png) no-repeat center; background-size: 0.77rem; } .head_top .rt ul li:nth-child(4) a { background: url(/uploads/image/msimages/head_top_tb05.png) no-repeat center; background-size: 0.77rem; } .head_top .rt ul li:nth-child(4).batchreadon a { background: url(/uploads/image/msimages/head_top_tb05s.png) no-repeat center; background-size: 0.77rem !important; } .head_top .rt ul li:nth-child(7) a { background: url(/uploads/image/msimages/head_top_tb09.png) no-repeat center; background-size: 0.77rem; width: 0.77rem; height: 0.77rem; } .head_top .rt ul li:nth-child(7) a span { display: block; } .head_con { padding-top: 1rem; height: 4.9rem; margin: 0 auto; } .head_con a { width: 4.41rem; height: 0.91rem; margin: 0 auto; display: block; margin-left: 0.48rem; text-align: center; } .head_con .logo1 { display: none; } .head_con .logo2 { display: block !important; } .head_con a img { width: 4.41rem; height: 0.91rem; } .toutiao { margin-top: -2.9rem; height: 0.4rem !important; } .toutiao .a1 { display: none; } .toutiao2 .a2 { font-size: 0.38rem; color: #000000; font-weight: bold; width: 6.9rem; height: 0.46rem; margin-left: 0.3rem; padding: 0 0.3rem; line-height: 0.46rem; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 0.48rem; display: block; text-align: center; } .content { width: 6.9rem !important; height: auto !important; margin-bottom: 0.16rem; } .container_bj { width: 6.9rem; margin: 0 auto; background-color: #fff; } .content_con01s { padding: 0; margin: 0 auto; } .content_con01 { width: 6.59rem !important; height: 6rem !important; margin-top: 0.4rem; } .content_con01 .swiper-slide { height: auto; } .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 em .a1 { font-size: 0.18rem; color: #ffffff; display: block; width: 1.3rem !important; font-weight: normal; height: 0.5rem; margin-top: 0.2rem; margin-right: 0.1rem; line-height: 0.5rem; text-align: center; background: url(/uploads/image/msimages/lbs.png) no-repeat center; background-size: 1.3rem; float: right; } .content_con01 .swiper-slide a img { width: 6.59rem; height: 3.7rem; border-bottom-left-radius: 0; } .content_con01 .swiper-slide .a_img { width: 6.59rem !important; } .content_con01 .swiper-slide span { font-size: 0.18rem; color: #666666; display: block; float: left; margin-top: 0.2rem; margin-left: 0.2rem; padding-bottom: 0.3rem; } .content_con01 .prev { position: absolute; left: 0; top: 28%; display: block; width: 0.58rem; height: 0.58rem; margin-left: 0.2rem; background: url(/uploads/image/msimages/le.png) no-repeat center; background-size: 0.58rem; } .content_con01 .next { position: absolute; right: 0; left: unset; top: 28%; display: block; margin-right: 0.2rem; width: 0.58rem; height: 0.58rem; background: url(/uploads/image/msimages/rt.png) no-repeat center; background-size: 0.58rem; } .content2_con { width: 6.9rem; height: auto; padding-top: 0.3rem; margin: 0 auto; background-color: #fff; } .content2_con .tabs { height: 1.14rem; } .content2_con .tabs span { width: 2.1rem; height: 1.14rem; cursor: pointer; display: block; position: relative; float: left; margin-right: 0.2rem; } .content2_con .tabs span:nth-child(1) { background: url(/uploads/image/msimages/con01.png) no-repeat center top; background-size: 2.1rem; margin-left: 0.1rem; } .content2_con .tabs span:nth-child(2) { background: url(/uploads/image/msimages/con02.png) no-repeat center top; background-size: 2.1rem; } .content2_con .tabs span:nth-child(3) { background: url(/uploads/image/msimages/con03.png) no-repeat center top; background-size: 2.1rem; } .content2_con .tabs span i { width: 0.27rem; height: 0.13rem; position: absolute; bottom: 0 !important; left: 0.92rem; display: block; background: url(/uploads/image/msimages/con04.png) no-repeat center bottom; background-size: 0.27rem; } .swiper-container2 { height: 6.1rem; margin-top: 0; overflow: hidden; background-color: #fff; border-radius: 0.15rem; } .swiper-container2 .content-slide { padding: 0 0.1rem; padding-top: 0.12rem; } .swiper-container2 .content-slide li { height: 1.01rem; box-sizing: border-box; border-bottom: 0.01rem dashed #c8c8c8; } .swiper-container2 .content-slide li a { font-size: 0.32rem; color: #222222; display: block; width: 5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; padding-left: 0.28rem; background: url(/uploads/image/msimages/landian.png) no-repeat left center; background-size: 0.09rem; box-sizing: border-box; line-height: 1rem; } .swiper-container2 .content-slide li span { font-size: 0.26rem; color: #999999; display: block; line-height: 1rem; float: right; } .swiper-container2 .a1 { width: 6.7rem; height: 0.86rem; background-color: #e8f2fe; color: #015599; font-size: 0.26rem; text-align: center; margin-left: 0.1rem; line-height: 0.86rem; display: inline-block; border-radius: 0.15rem; margin-top: 0.5rem; } .content3_con { margin-top: 0.2rem; margin-bottom: 0.6rem; padding-bottom: 0.4rem; background-color: #fff; border-bottom-left-radius: 0.15rem; border-bottom-right-radius: 0.15rem; } .content3_con ul li { width: 3rem; height: 3rem; float: left; margin-top: 0.4rem; margin-bottom: 0; margin-right: 0.6rem; } .content3_con ul li:nth-child(5n) { margin-right: 0.6rem; } .content3_con ul li:nth-child(2n) { margin-right: 0; } .content3_con ul li a { width: 3rem; height: 3rem; display: block; } .content3_con ul li:nth-child(1) a { background: url(/uploads/image/msimages/con05.png)no-repeat center; margin-left: 0.3rem; background-size: 3rem; } .content3_con ul li:nth-child(2) a { background: url(/uploads/image/msimages/con06.png)no-repeat center; background-size: 3rem; } .content3_con ul li:nth-child(3) a { background: url(/uploads/image/msimages/con07.png)no-repeat center; background-size: 3rem; margin-left: 0.3rem } .content3_con ul li:nth-child(4) a { background: url(/uploads/image/msimages/con08.png)no-repeat center; background-size: 3rem; } .content3_con ul li:nth-child(5) a { background: url(/uploads/image/msimages/con09.png)no-repeat center; background-size: 3rem; margin-left: 0.3rem } .content3_con ul li:nth-child(6) a { background: url(/uploads/image/msimages/con10.png)no-repeat center; background-size: 3rem; } .content3_con ul li:nth-child(7) a { background: url(/uploads/image/msimages/con11.png)no-repeat center; background-size: 3rem; margin-left: 0.3rem } .content3_con ul li:nth-child(8) a { background: url(/uploads/image/msimages/con12.png)no-repeat center; background-size: 3rem; } .content3_con ul li:nth-child(9) a { background: url(/uploads/image/msimages/con13.png)no-repeat center; background-size: 3rem; margin-left: 0.3rem } .content3_con ul li:nth-child(10) a { background: url(/uploads/image/msimages/con14.png)no-repeat center; background-size: 3rem; } .footer { display: none; } .footer .con { margin-left: 0 !important; width: 100%; margin-top: 0.38rem; } .footer .con ul li { font-size: 0.26rem !important; line-height: 0.4rem; } .footer .con .a1 { width: 0.66rem; float: left; height: 0.8rem; } .footer .con .a1 img { width: 0.66rem; margin-left: 3rem; height: 0.8rem; } .footer .con .a2 { width: 1.1rem; float: left; margin-left: 3.1rem; height: 0.55rem; margin-top: 0.1rem; background: url(/uploads/image/msimages/jiucuo.png) no-repeat center; background-size: 1.1rem; } .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: 2.55rem; border-top: 0.06rem solid #4a89d4; } /* 引导页 start */ .slb_guidepage_first .img1, .slb_guidepage_first .img2 { display: none; } .slb_guidepage_first .img3 { display: block; width: 0.87rem; height: 0.87rem; position: absolute; right: 3.3rem; top: 0.1rem; } .slb_guidepage_first .img4 { display: block; width: 0.86rem; height: 0.73rem; position: absolute; top: 1.18rem; right: 3.4rem; } .slb_guidepage_first .cont { width: 5.76rem; height: 5.56rem; padding-top: 1.95rem; top: 1.9rem; left: 49.5%; background: url(/uploads/image/msimages/slb_guidepage3.png) no-repeat center; background-size: 5.76rem; } .slb_guidepage_first .cont p { font-size: .3rem; line-height: .6rem; margin-left: 0; margin-top: 0.67rem; } .slb_guidepage_first .cont p em { font-size: .38rem; } .pc { display: none; } .mobile { display: block; } .slb_guidepage_first .button2 { position: absolute; left: 44%; transform: translatex(-50%); top: 6.75rem; width: 3rem; } .button { display: none; } .slb_guidepage_first .button2 a { display: inline-block; font-size: .3rem; color: #fff; text-align: center; width: 4rem; height: .8rem; line-height: .8rem; background: url(/uploads/image/msimages/slb_guidepage9.png) center center no-repeat; background-size: 100%; } .slb_guidepage_second { display: none; } /* 引导页 end */ }