/* 头部开始 */ .mobtop{ height: 1.19rem; padding: 0 .3rem; background: no-repeat center / 100% 1.19rem; } .moblogo{ float: left; width: 4.7rem; height: .52rem; margin-top: .35rem; } /* 头部结束 */ /* 导航开始 */ .mobnav{ height: 1.04rem; background: #0b5ab3; } .mobnav ul{ padding: 0 .3rem; overflow: hidden; } .mobnav ul li{ float: left; width: 25%; height: .52rem; line-height: .52rem; text-align: center; display: flex; justify-content: center; flex-direction: column; } .mobnav ul.mobnavul1{ border-bottom: .01rem solid #0860c3; } .mobnav ul li a{ display: block; font-size: .26rem; color: #ffffff; } .mobnav ul li.on a{ background: #0c71e1; border-top: .03rem solid #e02020; } .mobnav ul.mobnavul2{ padding-top: .01rem; border-top: .01rem solid #094a94; } .mobnav ul.mobnavul2 li{ height: .5rem; line-height: .5rem; } /* 导航结束 */ /* 头条开始 */ .mobtou{ padding: .3rem; } .mobtoudiv{ height: .6rem; line-height: .6rem; padding-left: .64rem; border-radius: .1rem; background: #f5f5f5 no-repeat .19rem center / .25rem .24rem; } .mobtoudiv h3 a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: .58rem; font-size: .28rem; color: #0c71e1; font-weight: normal; background: no-repeat right .2rem center / .12rem .22rem; } /* 头条结束 */ /* 轮播图开始 */ .moblun{ padding: 0 .3rem; } .moblundiv ul li{ position: relative; } .moblundiv ul li h3{ position: absolute; width: 100%; height: .72rem; left: 0; bottom: 0; z-index: 9; background: repeat; } .moblundiv ul li h3 a{ display: block; padding: .12rem .1rem 0; text-align: center; font-size: .26rem; color: #ffffff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .moblundiv .swiper-pagination{ bottom: .12rem !important; } .moblundiv .swiper-pagination-bullet{ width: .31rem; height: .03rem; background: #f3f3f3; opacity: 1 !important; } .moblundiv .swiper-pagination-bullet-active{ background: #efc605; } /* 轮播图结束 */ /* 三个切换开始 */ .threetab{ padding: .3rem .3rem 0; border-bottom: .14rem solid #f5f5f5; } .threetab .hd{ height: .7rem; line-height: .7rem; border-bottom: .01rem solid #e6e6e6; } .threetab .hd ul{ float: left; } .threetab .hd ul li{ float: left; margin-right: .23rem; } .threetab .hd ul li a{ display: block; font-size: .28rem; color: #333333; padding-left: .24rem; } .threetab .hd ul li.on a{ color: #0c71e1; background: no-repeat left center / .05rem .23rem; } .threetab .hd .more{ float: right; } .threetab .hd .more a{ height: .5rem; } .threetab .hd .more a img{ display: inline; width: .26rem; height: .06rem; vertical-align: middle; } .threetab .bd ul{ padding: .07rem 0; } .threetab .bd ul li{ height: .69rem; line-height: .69rem; border-bottom: .01rem dashed #d1d1d1; } .threetab .bd ul li h3 a{ float: left; max-width: 5.7rem; font-size: .24rem; color: #333333; font-weight: normal; padding-left: .2rem; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: no-repeat left center / .05rem .05rem; } .threetab .bd ul li span{ float: right; font-size: .22rem; color: #999999; } .threetab .bd ul li:last-child{ border-bottom: 0; } /* 三个切换结束 */ /* 政府信息公开开始 */ .mobgong{ padding: .3rem; border-bottom: .14rem solid #f5f5f5; } .publictop{ height: .6rem; line-height: .6rem; border-bottom: .01rem solid #e6e6e6; } .publictop h2 a{ float: left; font-size: .28rem; color: #0c71e1; padding-left: .24rem; background: no-repeat left center / .05rem .23rem; } .publictop>a{ float: right; width: .26rem; height: .6rem; background: no-repeat center / .26rem .06rem; } .mobgongbot{ padding-top: .3rem; } .mobgongbot ul li{ float: left; text-align: center; } .mobgongbot ul li a{ display: block; font-size: .26rem; color: #ffffff; box-sizing: border-box; } .mobgongbot ul li:nth-of-type(1){ width: 2rem; height: 3.16rem; margin-right: .1rem; background: no-repeat center / 2rem 3.16rem; } .mobgongbot ul li:nth-of-type(1) a{ height: 3.16rem; padding-top: 1.8rem; } .mobgongbot ul li:nth-of-type(2){ width: 1.53rem; height: 1.53rem; margin-bottom: .1rem; margin-right: .1rem; background: no-repeat center / 1.53rem 1.53rem; } .mobgongbot ul li:nth-of-type(2) a{ height: 1.53rem; padding-top: 1rem; } .mobgongbot ul li:nth-of-type(3){ width: 1.53rem; height: 1.53rem; margin-bottom: .1rem; margin-right: .1rem; background: no-repeat center / 1.53rem 1.53rem; } .mobgongbot ul li:nth-of-type(3) a{ height: 1.53rem; padding-top: 1rem; } .mobgongbot ul li:nth-of-type(4){ width: 1.53rem; height: 1.53rem; margin-bottom: .1rem; background: no-repeat center / 1.53rem 1.53rem; } .mobgongbot ul li:nth-of-type(4) a{ height: 1.53rem; padding-top: 1rem; } .mobgongbot ul li:nth-of-type(5){ width: 1.53rem; height: 1.53rem; margin-right: .1rem; background: no-repeat center / 1.53rem 1.53rem; } .mobgongbot ul li:nth-of-type(5) a{ height: 1.53rem; padding-top: 1rem; } .mobgongbot ul li:nth-of-type(6){ width: 3.16rem; height: 1.53rem; background: no-repeat center / 3.16rem 1.53rem; } .mobgongbot ul li:nth-of-type(6) a{ height: 1.53rem; padding-top: 1rem; } /* 政府信息公开结束 */ /* 互动交流开始 */ .mobhu{ padding: .3rem; border-bottom: .14rem solid #f5f5f5; } .mobhubot{ padding-top: .3rem; } .mobhubots ul li{ overflow: hidden; } .mobhubots ul li>a{ float: left; width: 2.82rem; height: 1.58rem; margin-top: .1rem; } .mobhubots ul li .mobhudiv{ float: right; width: 3.88rem; } .mobhubots ul li .mobhudiv h3 a{ font-size: .26rem; color: #0c71e1; line-height: .36rem; } .mobhubots ul li .mobhudiv span{ display: block; font-size: .24rem; color: #999999; line-height: .36rem; } .mobhubotx{ padding-top: .25rem; } .mobhubotx ul li{ float: left; width: 2.21rem; height: .88rem; line-height: .88rem; margin-right: .13rem; } .mobhubotx ul li h2 a{ display: block; font-size: .24rem; color: #666666; font-weight: normal; padding-left: .98rem; } .mobhubotx ul li:last-child{ margin-right: 0; } .mobhubotx ul li:nth-of-type(1){ background: no-repeat center / 2.21rem .88rem; } .mobhubotx ul li:nth-of-type(2){ background: no-repeat center / 2.21rem .88rem; } .mobhubotx ul li:nth-of-type(3){ background: no-repeat center / 2.21rem .88rem; } /* 互动交流结束 */ /* 专题专栏开始 */ .moblan{ padding: .3rem; } .moblanbot{ padding-top: .3rem; } .moblanbot ul li{ float: left; width: 3.39rem; height: 1.71rem; } .moblanbot ul li:nth-of-type(even){ float: right; } /* 专题专栏结束 */ /* 电脑 | 手机开始 */ .mobban{ height: .61rem; line-height: .61rem; text-align: center; background: #0c71e1; font-size: .26rem; color: #ffffff; border-bottom: .01rem solid #207de3; } .mobban a{ font-size: .26rem; color: #ffffff; } /* 电脑 | 手机结束 */ /* 底部上部分开始 */ .mobbottoms{ font-size: .24rem; color: #ffffff; line-height: .4rem; text-align: center; background: #0b5ab3; padding: .15rem 0; border-top: .01rem solid #1c66b8; border-bottom: .01rem solid #0860c3; } .mobbottoms p{ font-size: .24rem; color: #ffffff; line-height: .4rem; } .mobbottoms p a{ font-size: .24rem; color: #ffffff; } /* 底部上部分结束 */ /* 底部下部分开始 */ .mobbottomx{ height: .6rem; line-height: .6rem; text-align: center; background: #0b5ab3; border-top: .01rem solid #094a94; } .mobbottomx p{ font-size: .24rem; color: #ffffff; } /* 底部下部分结束 */