* { margin: 0px; padding: 0px; text-decoration: none; list-style-type: none; } /*.banner{ width: 100%; } .banner img{ width: 100%; }*/ a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } .swiper { width: 7.5rem; display: none; height: auto; } .swiper1 { width: 6.79rem; height: auto; display: block; overflow: hidden; margin: 0 auto; } .swiper1 .swiper-slide { text-align: center; font-size: 0.18rem; background: #fff; width: 100% !important; /* center slide text vertically */ 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; } .swiper1 .swiper-slide img { display: block; width: 100% !important; height: 100%; } .nav { width: 100%; height: auto; display: none; border-bottom: 0rem solid #cbcbcb; } .m-nav { width: 6.8rem; display: flex; align-items: center; margin: 0 auto; margin-bottom: 0.28rem; } .m-nav ul { width: 6.08rem; height: 0.66rem; line-height: 0.66rem; /*段落中文本不换行*/ display: flex; white-space: nowrap; /*阴影*/ /*设置横向滚动*/ overflow-x: scroll; /*禁止纵向滚动*/ overflow-y: hidden; /*文本平铺*/ text-align: justify; /*背景颜色*/ padding: 0rem 0.05rem; margin-bottom: 0.10rem; /*设置边距改变效果为内缩*/ box-sizing: border-box; } .m-nav ul li { color: #505050; /*取消超链接下划线*/ width: auto; height: 0.66rem; display: inline-block; font-size: 0.30rem; text-decoration: none; margin: auto 0.24rem; text-align: center; } .m-nav ul li a { color: #2a2a2a; display: block; height: 0.6rem; margin: 0 auto; } .m-nav ul::-webkit-scrollbar { /*隐藏滚动条*/ display: none; } .action a { border-bottom: 0.4rem solid #0696f9; border-radius: 0.2rem; } .mna-r { width: 0.72rem; height: auto; display: flex; align-items: center; justify-content: center; } .mna-r img { width: 0.16rem; display: block; } .but{ background: none; border: none; outline: none; } .top-fsearch { width: 6.4rem; height: 0.6rem; margin: 0.22rem auto; background: #fff; } .top-fsearch form { width: 6.4rem; height: 0.6rem; background: #f6f6f6; border-radius: 0.30rem; display: flex; justify-content: center; align-items: center; } .top-fsearch img { width: 0.33rem; height: 0.33rem; display: block; } .top-fsearch form input { width: 5.28rem; height: 0.6rem; border: none; outline: none; background: #f6f6f6; color: #c9c9c9; text-indent: 0.1rem; } .mian { width: 6.9rem; margin: 0 auto; margin-top: 0.48rem; } .mian-n { width: 3.3rem; height: auto; margin-right: 0.30rem; margin-bottom: 0.58rem; float: left; box-shadow: 0rem 0.04rem 0.04rem 0.01rem rgba(0, 0, 0, 0.1); } .mian-n:nth-child(2n) { margin-right: 0rem; } .mian-n a { display: block; } .m-img { width: 100%; height: 2rem; display: flex; background: #cacaca; } .m-img img { width: 100%; height: 2rem; } .m-p { width: 2.53rem; padding: 0.16rem; } .m-p h5 { font-size: 0.32rem; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .m-d { width: 100%; margin-top: 0.10rem; display: flex; align-items: center; justify-content: space-between; } .y-l { font-size: 0.24rem; color: #717171; } .q { font-size: 0.32rem; color: #ee2424; } .page_div { margin: 0.20rem 0.10rem 0.76rem 0; color: #666; text-align: center; } /* 页数按钮样式 */ .page_div button { display: inline-block; min-width: 0.30rem; height: 0.28rem; cursor: pointer; color: #666; font-size: 0.13rem; line-height: 0.28rem; background-color: #f9f9f9; border: 0.01rem solid #dce0e0; text-align: center; margin: 0 0.04rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pages { display: flex; justify-content: center; align-items: center; font-size: 0.18rem; margin-bottom: 0.60rem; } .pages a { height: 0.30rem; width: 0.30rem; display: block; text-align: center; line-height: 0.30rem; color: #000; } .pages strong { display: block; width: 0.30rem; height: 0.30rem; text-align: center; line-height: 0.30rem; } .pages input { height: 0.6rem; width: 0.6rem; line-height: 0.30rem; text-align: center; } .pages_btn { background: #1f86f8; color: #fff; margin: 0 0.03rem; border: none; } .footer { width: 100%; height: auto; background: #1f86f8; } .footer-c { width: 100%; margin: 0 auto; font-size: 0.30rem; color: #ffffff; text-align: center; } .footer1 { padding: 0.20rem 0rem; } .footer2 { line-height: 0.30rem; } .footer3 { padding-top: 0.20rem; } @media screen and (min-width:960px) { .swiper { width: 100%; height: 520px; display: block; } .swiper1 { display: none; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ 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; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .m-nav { display: none; } .top-fsearch { display: none; } .nav { width: 100%; height: 68px; border-bottom: 1px solid #cbcbcb; } .nav-c { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .nav-c ul { display: flex; height: 68px; } .nav-c ul li { height: 68px; } .nav-c ul li a { display: block; height: 68px; line-height: 68px; font-size: 17px; color: #2a2a2a; padding: 0 16px; } .nav-c ul li a:hover { border-bottom: 3px solid #57b2ff; } .nav-r { width: 260px; height: 44px; display: flex; border: 1px solid #c6c6c6; border-radius: 4px; overflow: hidden; } .nav-r form { width: 100%; display: flex; } .nav-r .kw { width: 178px; height: 44px; border-style: none; background-color: #fff; outline: none; text-indent: 12px; } .but { width: 82px !important; height: 44px !important; border-style: none; text-align: center; line-height: 44px !important; color: #ffffff; font-size: 14px; outline: none; background: #1f86f8 !important; text-indent: 0 !important; } .mian { width: 1200px; margin: 0 auto; margin-top: 48px; } .mian-n { width: 285px; height: 244px; margin-right: 20px; margin-bottom: 58px; float: left; box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.1); } .mian-n:nth-child(2n) { margin-right: 20px; } .mian-n:nth-child(4n) { margin-right: 0px; } .mian-n a { display: block; } .m-img { width: 100%; height: 160px; display: flex; background: #cacaca; } .m-img img { width: 100%; height: 160px; } .m-p { width: 253px; padding: 16px; } .m-p h5 { font-size: 16px; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .m-d { width: 100%; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; } .y-l { font-size: 12px; color: #717171; } .q { font-size: 16px; color: #ee2424; } .page_div { margin: 20px 10px 76px 0; color: #666; text-align: center; } /* 页数按钮样式 */ .page_div button { display: inline-block; min-width: 30px; height: 28px; cursor: pointer; color: #666; font-size: 13px; line-height: 28px; background-color: #f9f9f9; border: 1px solid #dce0e0; text-align: center; margin: 0 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*#firstpage, #lastpage, #nextpage, #prepage { width: 50px; color: #0073a9; border: 1px solid #0073a9 } #nextpage, #prepage { width: 70px } .page_div .current { background-color: #0073a9; border-color: #0073a9; color: #fff }*/ /* 页面数量 */ /*.totalpages { margin: 0 10px } .totalpages span, .totalsize span { color: #0073a9; margin: 0 5px }*/ /*button禁用*/ /*.page_div button:disabled { opacity: .5; cursor: no-drop }*/ .pages { display: flex; justify-content: center; align-items: center; font-size: 18px; margin-bottom: 60px; } .pages a { height: 30px; width: 30px; display: block; text-align: center; line-height: 30px; color: #000; } .pages strong { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; } .pages input { height: 30px; width: 30px; line-height: 30px; text-align: center; } .pages_btn { background: #1f86f8; color: #fff; margin: 0 3px; border: none; } .footer { width: 100%; height: 150px; background: #1f86f8; } .footer-c { width: 1200px; margin: 0 auto; font-size: 15px; color: #ffffff; text-align: center; } .footer1 { padding: 20px 0px; } .footer2 { line-height: 20px; } .footer3 { padding-top: 20px; } }