@charset "utf-8"; @font-face { font-family: youSheBiaoTiHei; src: url("youSheBiaoTiHei.ttf"); } body *{ font-family:'Microsoft YaHei','寰蒋闆呴粦'; color: #333; padding: 0; margin: 0; } .pb_sys_style3 .p_no_d { border: 1px solid #0097b9 !important; color: #fff; background-color: #0097b9 !important; } .pb_sys_common{ text-align: center; } .pb_sys_common a{ display: inline-block; padding: 0 .1rem; } a:hover{ color: #0097b9; } .com-w{ width: 14.4rem; margin: 0 auto; } .com-flex{ display: flex; flex-wrap: wrap; } .com-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; } .com-cont-between{ justify-content: space-between } .com-margin-center{ margin: 0 auto; } .com-img-responsive { width:100%; height:0; overflow:hidden; display:block; background-color:#d8e3e6; } .com-img-responsive img { width:100%; transition:all 0.5s ease-in-out; } .com-img-responsive img:hover { transform:scale(1.03); opacity:0.85; } .home-ban .inner{ height:7rem; min-height:2.2rem; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; position:relative; overflow:hidden; } .home-ban .inner .web-name{ position:absolute; top:50%; left:0; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); text-align:center; overflow:hidden } .home-ban .inner .web-name h3{ font-size:.8rem; color:#fff; line-height:1.5em; overflow:hidden } .gb-logo{ position: absolute; left: 1rem; top: .26rem; height: .9rem; } .gb-search-tool{ position: fixed; left: 0; top: 0rem; width: 100%; z-index: -2; } .gb-search-tool.show{ width: 100%; height: 100%; z-index: 1000000000000; background: rgba(0,0,0,.5); } .gb-search-tool .searchbtn{ width: .26rem; height: .26rem; cursor: pointer; background-color: transparent; outline: none; border: none; background: url(../img/search-b.png) no-repeat; background-size: cover; } .gb-search-tool .search{ background: #fff; border-radius: .25rem; width: 3rem; padding: .1rem .2rem; height: .4rem; overflow: hidden; margin: .2rem auto; position: relative; top: -2rem; transition: all .3s; } .gb-search-tool.show .search{ top: 3rem; } .gb-search-tool .search form{ display: flex; justify-content: space-between; } .gb-search-tool .search .input{ width: 2.3rem; height: .2rem; background-color: transparent; color: #383838; font-size: 16px; } .header{ z-index: 1000000; width: 100%; background: url(../img/topbg.png) #0097b9 top right no-repeat; position: relative; transition: all .3s; } .header.home{ height: 2.2rem; } .header.home .top{ height: 1.2rem; } .header.fixed{ position: fixed; left: 0; top: 0; margin-top: -1.4rem; box-shadow: 0 5px 5px rgba(0, 0, 0, .1); } .header .logo{ height: .8rem; } .header .top{ padding: .2rem 0; color: #fff; height: .78rem; transition: all .3s; } .header .com-w{ position: relative; } .header .top .com-w .right-tool{ position: absolute; right: 0rem; top: 0rem; width: 6rem; display: flex; justify-content: flex-end; align-items: center; z-index: 111; } .header .top .com-w .right-tool .wwwa{ color: #fff; font-size: .16rem; margin-right: .2rem; } .header .top .com-w .right-tool .actsearch{ width: .26rem; cursor: pointer; } .global-nav-box ul{ justify-content: space-between; padding: .1rem 0; } .global-nav-box li *{ color: #fff; position: relative; font-size: .2rem; } .global-nav-box li{ position: relative; height: .5rem; line-height: .3rem; padding-bottom: .2rem; } .global-nav-box li .text{ position: relative; display: inline-block; vertical-align: middle; overflow: hidden; } .global-nav-box li .text>span{ display: block; -webkit-transition: opacity .4s,-webkit-transform .4s; transition: opacity .4s,-webkit-transform .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s,-webkit-transform .4s; } .global-nav-box li:hover .text>span{ -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); opacity: 0; } .global-nav-box li .text:after{ content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); opacity: 0; -webkit-transition: opacity .4s,-webkit-transform .4s; transition: opacity .4s,-webkit-transform .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s,-webkit-transform .4s; } .global-nav-box li:hover .text:after{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .global-nav-box .subNavbox { position: absolute; left: 50%; top: 100%; margin-left: -1rem; width: 2rem; text-align: center; z-index: 9999; padding: 10px 0 0 0; line-height: normal; box-shadow: 0 5px 5px rgba(0, 0, 0, .1); transform: scaleY(0); transform-origin: top center; transition: all .3s; } .global-nav-box .subNavbox::before { content: ""; position: absolute; left: 0; right: 0; top: 10px; bottom: 0; background: rgba(255, 255, 255, 1); z-index: -1; } .global-nav-box .subNavbox .it>a { line-height: .38rem; font-size: .16rem; color: #333; opacity: 1; } .global-nav-box .subNavbox .it{ position: relative; border-bottom: 1px solid #efefef; } .global-nav-box .subNavbox .it dl{ position: absolute; width: 1.6rem; right: -1.6rem; top: 0px; background: rgba(255, 255, 255, 1); display: none; border-left: 1px solid #e5e5e5; box-shadow: 0 5px 5px rgba(0, 0, 0, .1); } .global-nav-box .subNavbox dd{ display: block; border-bottom: 1px solid #efefef; } .global-nav-box .subNavbox dd>a{ line-height: .38rem; font-size: .16rem; color: #333; opacity: 1; } .global-nav-box .subNavbox dd:hover{ background: #0097b9; } .global-nav-box .subNavbox dd:hover a{ color: #fff; } .global-nav-box .subNavbox .it:hover{ background: #0097b9; transition: all .3s; } .global-nav-box .subNavbox .it:hover>a{ color: #fff; } .global-nav-box .subNavbox .it:hover dl{ display: block; } .global-nav-box .it a { line-height: 0; height: auto; padding: .1rem .05rem; font-size: .16rem; transition: 0.36s; display: block; } .global-nav-box li:hover .subNavbox { display: block; transform: scaleY(1); } .mFadeInUp{ -webkit-animation-name: mFadeInUp; animation-name: mFadeInUp; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @-webkit-keyframes mFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes mFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .pb_sys_style1 .p_no_d { border: 1px solid #0097b9; color: #fff; background-color: #0097b9; } .banners-box{ position: relative; } .banners-box .swiper-slide{ position: relative; overflow: hidden; z-index: 1; height: 100%; } .banners-box .swiper-slide img{ width: 100%; } .banners-box .inner{ position: relative; overflow: hidden; z-index: 1; width: 100%; border-radius: 0 0rem 0 0; } .banners-box .home-banners{ width: 100%; overflow: hidden; height: 100vh; position: relative; } .banners-box .home-banners .dots{ position: absolute; left: 0; bottom: .4rem; z-index: 100; width: 100%; text-align: center; } .banners-box .home-banners .dots span{ background: #ccc; width: .5rem; height: .05rem; margin: 0 .1rem; display: inline-block; cursor: pointer; text-align: center; line-height: .26rem; position: relative; } .banners-box .home-banners .dots span:after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #0097b9; } .banners-box .home-banners .dots span.swiper-pagination-bullet-active:after{ width:100%; transition: width linear 5s; } .banners-box .home-banners .bm{ position: absolute; top: 50%; margin-top: -.25rem; width: 100%; z-index: 1000; } .banners-box .home-banners .bm .com-w{ position: relative; width: 100%; } .banners-box .home-banners .btn{ z-index: 100; width: .68rem; opacity: .6; cursor: pointer; position: absolute; top: 0; } .banners-box .home-banners .btn:hover{ opacity: .8; } .banners-box .home-banners .btn img{ width: 100%; } .banners-box .home-banners .pre{ left: 1rem; } .banners-box .home-banners .next{ right: 1rem; } .home-f{ padding: 1rem 0 .5rem 0; } .home-f .lf{ width: 54%; } .home-f .rg{ width: 42%; position: relative; z-index: 10; } .home-f .com-w{ justify-content: space-between; } .home-f .lf .ct{ position: relative; z-index: 2; } .home-f .lf .ct:after{ position: absolute; left: .2rem; top: .2rem; content: ""; background: #efefef; width: 100%; height: 100%; } .home-f .lf .sbanner{ width: 100%; position: relative; border: 1px solid #e4e4e4; } .home-f .lf .sbanner .btn{ position: absolute; top: 40%; z-index: 100; width: .5rem; opacity: .8; cursor: pointer; } .home-f .lf .sbanner .btn:hover{ opacity: 1; } .home-f .lf .sbanner .btn img{ width: 100%; } .home-f .lf .sbanner .pre{ left: .3rem; } .home-f .lf .sbanner .next{ right: .3rem; } .home-f .lf .sbanner .dots{ margin-top: .2rem; text-align: center; position: absolute; right: .2rem; bottom: 1.2rem; z-index: 100; } .home-f .lf .sbanner .dots span{ background: #ccc; width: .12rem; height: .12rem; border-radius: 50%; margin: 0 .05rem; display: inline-block; cursor: pointer; } .home-f .lf .sbanner .dots span.swiper-pagination-bullet-active{ background: #0097b9; } .home-f .lf .cover{ height: 4.8rem; overflow: hidden; position: relative; } .home-f .lf .cover img{ width: 100%; object-fit: cover; } .home-f .lf .datetime{ height: .1rem; line-height: .2rem; border-bottom: 1px solid #e7e7e7; color: #9b9b9b; text-align: center; margin-top: .26rem; } .home-f .lf .datetime span{ padding: 0 .15rem; background-color: #fff; color: #999; font-size: .16rem; } .home-f .lf .title{ font-size: .18rem; } .home-f .lf .swiper-slide a{ display: block; position: relative; } .home-f .lf .sbanner-desc{ padding: 0 .26rem; } .home-f .lf .wordlist{ width: 100%; margin-top: .26rem; } .home-f .lf .wordlist li{ background: #f5f5f5; padding: .1rem .26rem; margin-bottom: .26rem; } .home-f .lf .wordlist li:last-child{ margin-bottom: 0; } .home-f .lf .wordlist li .tl { margin-bottom: .1rem; } .home-f .lf .wordlist li .tl a { font-size: 0.18rem; line-height: 0.24rem; color: #232323; display: block; padding-top: 0.12rem; } .home-f .lf .wordlist li .tl a:hover { color: #0097b9; } .home-f .lf .des{ padding: .2rem; line-height: .26rem; height: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: .18rem; background: #fff; } .home-f .lf a:hover .des{ color: #0097b9; } .home-f .rg .more-box{ padding: .5rem 0 0 0; text-align: right; } .home-f .rg .more-box a{ display: inline-block; height: .58rem; text-align: center; line-height: .58rem; background: url(../img/more2.png) center right no-repeat; padding-right: .9rem; } .home-f .rg .wlist ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .home-f .rg .wlist li{ position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; } .home-f .rg .wlist li:hover{ box-shadow: 0px 4px 8px 0px rgba(45,165,129,.31); background: url(../img/ico.png) no-repeat center right #0097b9; } .home-f .rg .wlist a{ border-bottom: 1px dashed #c6c6c6; display: block; position: relative; padding: .2rem .2rem 0 .2rem; height: 1.1rem; } .home-f .rg .wlist a:hover *{ color: #fff; } .home-f .rg .bm{ display: flex; align-items: center; justify-content: flex-start; margin-bottom: .1rem; } .home-f .rg .date{ display: flex; align-items: center; background: url(../img/time.png) no-repeat center left; padding-left: 16px; } .home-f .rg .wlist a:hover .date{ background: url(../img/time2.png) no-repeat center left; } .home-f .rg .date img{ width: .16rem; margin-right: .05rem; } .home-f .rg .dt{ line-height: .28rem; margin-bottom: .1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: .18rem; } .home-f .rg .dt i{ display: inline; font-style: normal; position: relative; font-size: .18rem; position: relative; background-image: linear-gradient(#54009b, #54009b); background-position: right bottom; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .5s; } .home-f .rg .wlist a:hover .dt i{ background-position: left bottom; background-size: 100% 1px; background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); } .home-f .rg .date b{ font-size: .16rem; color: #999; display: block; font-weight: normal } .home-f .rg .bm .m{ display: flex; align-items: center; } .home-f .rg .bm .m b{ font-size: .14rem; color: #999; margin-right: .0rem; } .home-f .rg .bm .m img{ width: .2rem; transition: all .3s; } .home-f .rg .bm .m:hover img{ transform: scale(1.4); } .home-f .rg .bm .m:hover b{ color: #0097b9; } .home-f .rg .dt a{ font-size: .18rem; color:#000; display:block; overflow:hidden; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: .26rem; text-align: justify; height: .52rem; } .home-f .rg .dt p{ font-size: .14rem; color:#666666; margin-top: .18rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: .26rem; text-align: justify; } .home-n{ padding: .5rem 0 0 0; overflow-x: hidden; background: url(../img/bg.png) center center no-repeat #ede7d0; } .home-n .more-box a{ display: block; width: 1.6rem; height: } .noticelist.swiper-container{ overflow: visible; } .home-n .notice-box .item { background: url(../img/lou.png) no-repeat right bottom #fff; padding: .25rem .25rem .4rem; box-shadow: 0 .03rem .1rem rgba(73, 45, 171, .2); margin: 0 .1rem; position: relative; z-index: 3; width: 100%; display: block; border-bottom: 5px solid #0097b9; } .home-n .notice-box{ margin-top: .26rem; } .home-n .notice-box .item:before { content: ''; display: block; width: 100%; height: .08rem; margin-bottom: .15rem; background-size: .99rem .08rem; } .home-n .notice-box .item:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-size: 100% 100%; opacity: 0; transition: all .8s; -webkit-transition: all .8s; z-index: -1; } .home-n .notice-box .item:hover .tl{ color: #0097b9; } .home-n .more-box{ padding: .5rem 0; text-align: center; } .home-n .more-box a{ display: inline-block; width: 2rem; height: .58rem; border: #0097b9 solid 1px; border-radius: 5px; text-align: center; line-height: .58rem; } .home-n .notice-box .item .datetime { font-size: .16rem; padding: .26rem 0; color: #4d4d4d; } .home-n .notice-box .item .datetime span { display: block; font-size: .3rem; color: #6510ad } .home-n .notice-box .item .datetime span:nth-child(1) { padding-bottom: .1rem } .home-n .notice-box .item .datetime span:nth-child(2) { padding-top: .1rem } .home-n .notice-box .item .tl { font-size: .18rem; line-height: 1.6em } .footer{ background: url(../img/fbg.png) #0097b9 top right no-repeat; padding: .5rem 0 0 0; } .footer .top{ justify-content: space-between; align-items: center; flex-direction: column; padding-bottom: .2rem; } .footer-logo{ height: .8rem; margin-bottom: .2rem; } .footer-logo img{ height: 100%; } .footer-code ul{ display: flex; justify-content: flex-end; } .footer-code ul li{ text-align: center; } .footer-code ul li .cover{ width: 1.6rem; margin: 0 auto; padding: .1rem; } .footer-code ul li .cover img{ width: 100%; } .footer-code ul li p{ color: #fff; text-align: center; font-size: .14rem; } .footer-media{ width: 46%; } .footer-media ul{ margin:30px 0; overflow:hidden; } .footer-media ul li{ float:left; text-align:center; width: 20%; line-height:28px; } .footer-media ul li:first-child{ margin-left:0; } .footer-media ul li .pic{ height:81px; line-height:78px; border:1px solid #ffffff; border-radius:8px; overflow:hidden; width: 82px; margin: 0 auto; display: flex; text-align: center; align-items: center; justify-content: center; } .footer-media ul li.code .pic img{ width: 100%; } .footer-media ul li p{ color: #ffffff; font-size:14px; height:30px; line-height:30px; margin-bottom:0; } .footer .bm{ padding: .1rem 0; margin-top: .1rem; text-align: center; border-top: 1px solid rgba(255,255,255,.3); } .footer .bm p{ display: block; color: #fff; font-size:.14rem; width: 100%; } .footer .bm p.rg{ text-align: right; font-size: .16rem; } .footer .bm p a{ color: #fff; font-size: .16rem; } .footer .bm span{ display: inline-block; } .footer .bm span{ color: #ffffff; font-size:.14rem; display: inline-block; margin: 0 .1rem; } .theme-title{ line-height: .43rem; font-size: .18rem; color: #fff; overflow: hidden; position: relative; padding-bottom: 10px; padding-left: 0rem; display: flex; align-items: center; justify-content: space-between; } .theme-title.mc{ text-align: center; padding-left: 0; display: block; } .theme-title span{ position: relative; display: inline-block; line-height: .43rem; color: #0097b9; font-size: .42rem; z-index: 1; font-family: "youSheBiaoTiHei"; } .theme-title .line{ width: 1px; height: .2rem; background: #999; display: inline-block; margin: 0 .26rem; } .theme-title.w span{ color: #fff; } .theme-title .more{ text-align: center; display: block; cursor: pointer; z-index: 3; background: url(../img/arr.png) right center no-repeat; transition: all .3s; } .theme-title .more .ft{ font-size: .16rem; color: #0097b9; font-family: constanfont; display: flex; align-items: center; text-transform: uppercase; padding: 0rem .35rem 0 0rem; position: relative; z-index: 1; } .theme-title .more:hover .ft{ font-weight: bolder; } .theme-title .more:hover{ right: 0; } .home-s{ padding: .5rem 0 0 0; position: relative; } .home-s .com-w{ justify-content: space-between; } .home-s .it-box { width: 48%; } .home-s .it-box .nlist{ width: 100%; overflow: hidden; margin-bottom: .5rem; position: relative; z-index: 2; } .home-s .it-box .nlist ul{ display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } .home-s .it-box .nlist li { color: #0097b9; font-size: 0.12rem; width: 100%; box-sizing: border-box; transition: all .3s; display: flex; align-items: center; justify-content: space-between; padding: .1rem; border-bottom: 1px dashed #c6c6c6; } .home-s .it-box .nlist li:last-child{ margin-bottom: 0rem; } .home-s .it-box .nlist li:hover{ padding-left: .2rem; padding-right: 0; } .home-s .it-box .nlist .time{ font-size: .16rem; padding: .1rem .2rem .1rem 0; color: #4d4d4d; transition: all .5s; } .home-s .it-box .nlist li .time{ width: 1rem; background: #efefef; position: relative; } .home-s .it-box .nlist li .time:after{ content: ''; position: absolute; width: 2px; height: 14px; background: #F45C53; right: 2px; top: 50%; transform: translate(0, -50%); } .home-s .it-box .nlist li .time .day{ font-size: .28rem; color: #0097b9; text-align: right; font-family: "youSheBiaoTiHei"; } .home-s .it-box .nlist li .time .month{ color: #999; text-align: right; } .home-s .it-box .nlist li .tl a { font-size: .18rem; word-wrap: normal; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: .28rem; } .home-s .it-box .nlist li .tl{ width: calc(100% - 1.2rem); } .home-s .it-box .nlist li .tl a:hover { color: #0097b9; } .home-s .it-box .mlist{ width: 100%; overflow: hidden; margin-bottom: .5rem; } .home-s .it-box .mlist li { color: #0097b9; font-size: 0.12rem; width: 100%; position: relative; padding: 0.1rem .1rem .1rem .2rem; box-sizing: border-box; overflow: hidden; } .home-s .it-box .mlist li::before { content: ""; display: block; width: 8px; height: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 135, 60); position: absolute; left: 4px; top: 50%; margin-top: -4px; transition: all 0.3s ease-in-out 0s; } .home-s .it-box .mlist .time{ font-size: .16rem; position: absolute; left: .1rem; top: .1rem; color: #4d4d4d; width: .68rem; } .home-s .it-box .mlist .time *{ color: #0097b9; font-size: .14rem; } .home-s .it-box .mlist .time strong{ font-size: .18rem; background: #0097b9; border-radius: 50%; width: .48rem; height: .48rem; text-align: center; color: #fff; display: block; line-height: .48rem; } .home-s .it-box .mlist li .tl{ box-sizing: border-box; border: 1px solid #c6c6c6; padding: 0.2rem; margin-left:-.1rem; overflow: hidden; box-sizing: border-box; transition: all .3s; } .home-s .it-box .mlist li .tl a { font-size: 0.18rem; line-height: 0.24rem; color: #232323; display: block; } .home-s .it-box .mlist li:hover .tl{ border-color: #0097b9; } .home-s .it-box .mlist li .tl a:hover { color: #0097b9; } .home-s .it-box .mlist li:last-child{ margin-bottom: 0rem; } .home-links{ background: #efefef; padding: .5rem 0; margin-top: .5rem; } .home-links .tl{ font-size: .32rem; margin-bottom: .1rem; } .home-links .link-list ul{ line-height: .48rem; padding: 0; margin: 0; } .home-links .link-list{ line-height: .48rem; overflow: hidden; } .home-links .link-list a{ font-size: .16rem; width: 80%; padding-left: .4rem; line-height: .48rem; position: relative; border-bottom: 1px solid #ddd; display: block; background: url(../img/link.png) no-repeat left center; } .home-links .link-list a:hover{ background: url(../img/link-b.png) no-repeat left center; } .home-links .link-list li{ display: inline-block; width: 25%; box-sizing: border-box; float: left; } .pgbar{ padding: .5rem 0; } .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no a:hover { border: 1px solid #cb2c22 !important; color: #fff; background-color: #cb2c22 !important; } .article-box { position:relative; padding: .5rem 0rem; min-height:5rem; margin-bottom: 1rem; } .article-title { font-size:.22rem; color:#000; line-height: .6rem; text-align: center; } .article-title.mb{ margin-bottom: .5rem; } .article-date { font-size:.16rem; color:#666; padding: 0 0 .1rem 0; text-align: center; border-bottom: 1px dashed #d9d9d9; margin: .2rem 0 .5rem 0; } .article-date .item { font-size: .16rem; padding: 0 .26rem; display: inline-block; line-height: .36rem; } .article-date .item span{ font-size: .16rem; } .article-date i{ margin-right: .2rem; } .article-date i.b{ font-size: .16rem; } .article-txt { overflow: hidden; } .article-txt.no-tl{ border-top:none; padding-top:0px; } .article-txt p { font-size:.16rem; color:#333; text-align:justify; line-height:.32rem; margin-bottom: .26rem; text-indent: 2em; } .attachmentbox { font-size:.3rem; padding:.5rem 0; } .attachmentbox h5 { font-size:.26rem; margin:50px 0 20px 0; } .attachmentbox h5 i{ margin-right: .5rem; font-size: .6rem; } .attachmentbox li { border-bottom:1px solid #efefef; } .attachmentbox a { font-size:.16rem; color:#333; line-height:36px; padding:10px 0; transition:all 0.3s ease-in-out; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .attachmentbox a:hover { color:#cb2c22; transform:translateX(15px); } .page-box{ display: flex; justify-content: space-between; position: relative; } .page-box .lf-col{ width: 22%; position: relative; } .cur-parent-name-box{ width: 100%; position: relative; } .cur-parent-name-box .com-w{ position: relative; } .cur-parent-name-box .cur-name{ display: flex; align-items: center; justify-content: space-between; background: url(../img/navbg.png) right top #0097b9; position: absolute; left: 0; top: -1rem; width: 22%; height: 1rem; z-index: 10; text-align: center; border-top-left-radius: .2rem; border-top: 2px solid rgba(255,255,255,.3); } .cur-parent-name-box .cur-name h3{ font-size: .4rem; line-height: .42rem; color: #fff; text-align: center; display: inline-block; width: 100%; font-family: 'youSheBiaoTiHei'; } .page-pos-box{ display: flex; justify-content: space-between; border-bottom: solid 1px #e2e2e2e2; align-items: center; padding: .1rem 0; } .cur-child-name-box{ display: flex; align-items: center; } .cur-child-name-box h3{ font-size: .28rem; line-height: .42rem; color: #0097b9; display: inline-block; width: 100%; position: relative; padding-left: .3rem; height: .42rem; } .cur-child-name-box h3:after{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0097b9; width: 5px; height: 26px; } .page-box .lf-col .menu-list{ position: relative; padding-bottom: 1.2rem; background: url(../img/navbg.png) right bottom no-repeat #0097b9; border-bottom-right-radius: .5rem; border-bottom: 5px solid #e5e5e5; } .page-box .lf-col .menu-list ul{ background: #fff; box-shadow: 0px 0px 20px 0px rgba(3, 89, 2.5, 0.35); background-position: center bottom; overflow: hidden; } .page-box .lf-col .menu-list li{ border-bottom: 1px solid #e0e0e0; background: #f8fbff; padding: 0 .2rem; box-sizing: border-box; text-align: center; position: relative; float: left; display: block; width: 100%; } .page-box .lf-col .menu-list li:after{ content: ""; height: 100%; width: 5px; background: transparent; position: absolute; left: 0; top: 0; } .page-box .lf-col .menu-list li:last-child{ border-bottom: 5px solid #e0e0e0; } .page-box .lf-col .menu-list li a{ height: .8rem; display: flex; align-items: center; justify-content: center; } .page-box .lf-col .menu-list li.on a{ color: #0097b9; } .page-box .lf-col .menu-list li .tit{ font-size: .18rem; } .page-box .lf-col .menu-list li .dot{ width: 22px; height: 22px; background: url(../img/dot-b.png) no-repeat; margin-right: .1rem; } .page-box .lf-col .menu-list li.on:after,.page-box .lf-col .menu-list li:hover:after{ background: #F45C53; } .page-box .lf-col .menu-list li.on .tit,.page-box .lf-col .menu-list li:hover .tit{ color: #0097b9; font-size: .18rem; } .page-box .lf-col .menu-list li.on .dot,.page-box .lf-col .menu-list li:hover .dot{ background: url(../img/dot-b.png) no-repeat; } .page-box .lf-col .menu-list li.on,.page-box .lf-col .menu-list li:hover{ background: #fff; } .page-box .rg-col{ width: 74%; overflow:hidden; padding: 0rem .26rem .5rem .26rem; } .page-box .rg-col.full{ width: 100%; } .page-cont{ position: relative; } .page-cont .inner{ padding-bottom: .5rem; } .page-cont .wordlist li{ height: auto; line-height: 1.6rem; } .page-cont .word-list{ overflow: hidden; padding-top: .5rem; } .page-cont .word-list li{ width: 50%; float: left; box-sizing: border-box; padding: .1rem; } .page-cont .word-list a{ display: flex; width: 100%; border: 1px solid #D6D6D6; align-items: center; justify-content: space-between; padding: .2rem; } .page-cont .word-list .date{ width: .8rem; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: .1rem .2rem .1rem 0; border-right: 1px solid #D8D8D8; } .page-cont .word-list .date strong{ font-size: .26rem; color: #0097b9; text-align: center; display: block; } .page-cont .word-list .date b{ font-size: .14rem; color: #0097b9; display: block; font-weight: normal; text-align: center; } .page-cont .word-list .tl{ width: calc(100% - 1rem); font-size: .18rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: .26rem; text-align: justify; height: .52rem; } .page-cont .word-list a:hover{ background: url(../img/ico.png) no-repeat center right #0097b9; } .page-cont .word-list a:hover *{ color: #fff; } .page-banners-box .inner{ position: relative; overflow: hidden; z-index: 1; width: 100%; height: 3.6rem; border-radius: 0 0rem 0 0; } .page-banners-box .img{ width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/honglou.jpg); position: relative; } .page-banners-box .img.pban{ background-image: url(../img/pban.jpg); } .page-banners-box .img.pban1{ background-image: url(../img/pban.jpg); } .page-banners-box .img.pban2{ background-image: url(../img/pban.jpg); } .page-banners-box .inner .page-menu-title{ position: absolute; left: 0; bottom: 2rem; width: 100%; height: 1rem; z-index: 100; } .page-banners-box .inner .page-menu-title h3{ font-size: .4rem; text-align: center; color: #fff; padding-bottom: .2rem; } .page-cont .page-pos{ line-height: .58rem; text-align: right; display: flex; align-items: center; justify-content: flex-end; } .page-cont .page-pos .ico{ background: url(../img/pos.png) no-repeat center center; width: 18px; height: 18px; margin-right: .2rem; } .page-cont .page-pos img{ width: .18rem; display: inline-block; margin-right: .1rem; } .page-cont .page-pos p{ display: inline-block; } .page-cont .page-pos *{ color: #333; font-size: .14rem; } .page-cont .page-pos:hover *{ color: #0097b9; } .page-cont .leader-list{ overflow: hidden; margin-top: .5rem; } .page-cont .leader-list li{ width: 100%; padding: 0 .1rem; box-sizing: border-box; margin-bottom: .2rem; } .page-cont .leader-list li a{ display: flex; justify-content: space-between; align-items: center; background: #efefef; padding: .3rem; } .page-cont .leader-list li a:hover{ box-shadow: 0px 4px 8px 0px rgba(45,165,129,.31); background: url(../img/ico.png) no-repeat center right #0097b9; } .page-cont .leader-list li .name{ font-size: .2rem; width: 1.2rem; border-right: 1px solid #ccc; } .page-cont .leader-list li .ct{ width: calc(100% - 1.4rem); } .page-cont .leader-list li .post{ font-size: .18rem; color: #666; margin-bottom: .2rem; } .page-cont .leader-list li .instr{ font-size: .16rem; color: #666; line-height: .36rem; } .page-cont .leader-list li a:hover *{ color: #fff; } .mobile-nav{ position: absolute; right: .26rem; top: .26rem; display: none; z-index: 100; width: .48rem; height: .48rem; } .mobile-nav img{ display: none; width: 100%; } .mobile-nav img.on{ display: block; } .page-cont .piclist ul{ overflow: hidden; } .page-cont .piclist li{ width: 31%; margin-bottom: .26rem; border: 1px solid #efefef; float: left; margin: 0 .2rem .26rem 0; } .page-cont .piclist li:nth-child(3n){ margin-right: 0; } .page-cont .piclist li a{ font-size: .18rem; display: block; } .page-cont .piclist li .cover{ width: 100%; height: 1.8rem; overflow: hidden; text-align: center; } .page-cont .piclist li .cover img{ height: 100%; transition: all .3s; } .page-cont .piclist li p{ text-align: center; padding: .2rem; } .page-cont .piclist li a:hover img{ transform:scale(1.03); } .page-cont .piclist li a:hover p{ color: #0097b9; } @media (max-width: 800px){ .com-w{ width: 94%; } .search-box .btn{ width: .58rem; height: .58rem; margin-left: .26rem; } .header{ padding: .1rem .26rem; box-sizing: border-box; } .header.home{ height: 1.4rem; } .header .com-w{ padding: 0; } .header.on{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 1000; box-sizing: border-box; overflow: hidden; background: rgba(0,151,185,.9); padding-bottom: 1rem; } .header.fixed::after{ height: 1.4rem; } .header.on .top .com-w .right-tool{ display: none; } .header.on .top .com-w .right-tool .wwwa{ display: none; } .header.on .searchB{ width: 100%; } .header.on .searchB .search-box{ width: auto; position: relative; } .header.on .searchB .search-box .txt{ width: 75%; height: .68rem; } .header .logo{ width: 75%; height: auto; position: relative; z-index: 1; } .header .top .com-w .right-tool{ width: auto; right: .7rem; top: -.4rem; } .header .top .com-w .right-tool .actsearch{ width: .48rem; } .gb-search-tool .search{ width: 80%; height: .68rem; } .gb-search-tool .search .input{ width: 80%; height: .4rem; } .gb-search-tool .searchbtn{ width: .46rem; height: .46rem; } .search-box .txt{ font-size: .26rem; } .global-nav-box .subNavbox p a{ font-size: .26rem; } .global-nav-box .subNavbox p{ display: inline-block; padding: 0 .1rem; } .banners-box .home-banners .bm{ display: none; } .footer .bm{ display: block; background: transparent; } .footer .bm p,.footer .bm p.rg{ width: 100%; text-align: left; font-size: .26rem; } .footer .bm p.rg a{ font-size: .26rem; } .footer-code ul li p{ font-size: .26rem; } .mobile-nav{ display: block; width: .48rem; height: .48rem; } .global-nav-box{ display: none; } .global-nav-box.on{ display: block; width: 100%; height: 100%; overflow-y: auto; } .global-nav-box li *{ font-size: .3rem; font-weight: bold; } .global-nav-box .subNavbox .it dl{ position: relative; left: 0; top: 0; right: 0; display: block; background: transparent; border: none; box-shadow:none; width: auto; padding-left: .4rem; } .global-nav-box .it a{ font-size: .26rem; color: #fff; border: transparent; } .global-nav-box .subNavbox dd{ border: none; display: inline-block; padding: 0 .26rem; } .global-nav-box .subNavbox dd>a{ color: #fff; font-size: .26rem; line-height: .48rem; opacity: .8; font-weight: normal; } .article-txt p img,.article-txt p video{ width: 100% !important; height: auto !important; } .page-cont .inner{ padding: .5rem; } .page-cont .wordlist li a{ font-size: .26rem; width: calc(100% - 1.8rem); } .page-cont .wordlist li .date{ width: 1.6rem; font-size: .26rem; } .home-f .lf .sbanner .dots span{ width: .26rem; height: .26rem; } .cur-parent-name-box .cur-name h3{ font-size: .48rem; } .footer{ padding: .5rem .26rem; } .footer-logo{ width: 100%; text-align: center; } .attachmentbox h5{ font-size: .3rem; } .attachmentbox a{ font-size: .26rem; } .footer-code{ width: 100%; margin-top: .26rem; } .footer-code ul{ justify-content: center; } .footer-code ul li .cover{ width: 2rem; } .footer .bm span{ font-size: .26rem; display: block; margin-bottom: .26rem; text-align: center; } .footer .bm{ padding-top: .5rem; } .home-links .tl{ font-size: .48rem; } .home-links .link-list li{ width: 100%; } .home-links .link-list a{ font-size: .26rem; line-height: 1rem; width: 100%; padding-left: .6rem; } .global-nav-box ul{ display: block; padding: 0rem 0 1rem 0; } .global-nav-box li{ border-bottom: 1px solid rgba(255,255,255,.3); padding: .5rem 0; height: auto; } .global-nav-box li a{ font-size: .32rem; line-height: .48rem; } .global-nav-box .subNavbox{ display: block; position: relative; left: 0; top: 0; height: auto; margin-left: 0; transform: scaleY(1); background: transparent; width: auto; box-shadow: none; padding-left: .2rem; } .global-nav-box .subNavbox::before{ background: transparent; } .global-nav-box .subNavbox .it{ display: block; border-bottom: none; text-align: left; border-bottom: 1px solid rgba(255,255,255,.3); } .global-nav-box .subNavbox .it:last-child{ border-bottom: none; } .global-nav-box .subNavbox .it>a{ font-size: .26rem; color: #fff; line-height: .8rem; display: inline-block; text-align: left; font-weight: normal; } .global-nav-box .it a{ padding: 0 .26rem; } .home-f .lf,.home-f .rg{ width: 100%; } .home-f .lf{ margin-bottom: 1rem; } .home-f .rg .wlist li{ width: 100%; box-sizing: border-box; } .home-f .lf .title,.home-f .rg .dt a{ font-size: .26rem; line-height: .32rem; height: .32rem; -webkit-line-clamp:1; } .theme-title{ line-height: .68rem; padding-bottom: .26rem; } .theme-title span{ font-size: .68rem; line-height: 1rem; } .theme-title .more{ height: .68rem; line-height: .68rem; } .theme-title .more .ft{ font-size: .26rem; padding-right: .6rem; } .home-f .lf .wordlist li .tl a{ font-size: .26rem; line-height: .32rem; } .home-f .lf .cover{ height: 4.18rem; } .home-f .lf .des{ font-size: .3rem; height: 1.24rem; line-height: .48rem; } .home-f .rg .date span{ font-size: .32rem; } .home-f .rg .dt p{ font-size: .26rem; line-height: .32rem; } .home-n{ padding: 0rem .26rem; } .home-n .notice-box .item .tl{ font-size: .3rem; } .home-n .notice-box .item .datetime{ font-size: .26rem; } .home-s{ padding: 0rem .26rem; } .home-s .it-box{ width: 100%; padding-top: .5rem; } .home-s::before{ width: 100%; height: 48%; } .home-s .it-box .nlist li{ padding: .2rem 0; } .home-s .it-box .nlist li .tl a{ font-size: .3rem; line-height: .4rem; height: .84rem; } .home-s .it-box .nlist li .time{ font-size: .26rem; width: 1.4rem; } .home-s .it-box .nlist li .tl{ width: calc( 100% - 1.6rem ); } .home-s .it-box .nlist li .time .day{ font-size: .36rem; } .home-s .it-box:nth-child(2){ padding-top: 1rem; } .home-s .it-box .mlist .time{ width: 1rem; top: .1rem; } .home-s .it-box .mlist li .tl a{ font-size: .26rem; line-height: .48rem; } .home-s .it-box .mlist .time strong{ width: .8rem; height: .8rem; font-size: .26rem; line-height: .8rem; } .home-s .it-box .mlist li .tl{ padding:0.38rem 0 .38rem .26rem; } .page-cont .inner{ padding: 0rem 0; } .page-cont .page-pos{ padding-left: 0rem; width: 100%; margin: 0 auto; } .page-box{ display: block; } .page-box .lf-col,.page-box .rg-col{ width: 100%; } .page-box .lf-col { padding: 0rem 0rem; } .page-box .lf-col .menu-list li{ padding-left: .48rem; display: inline-block; width:auto; } .page-box .lf-col .menu-list{ margin-top: 0rem; border-left: none; padding-bottom: .5rem; } .page-box .lf-col .menu-list .line{ display: none; } .page-box .lf-col .menu-list.on{ display: block; } .page-box .lf-col .menu-list li{ padding: 0 .26rem; display: inline-block; box-sizing: border-box; border-bottom: none; background: transparent; } .page-box .lf-col .menu-list li a{ font-size: .26rem; } .page-box .lf-col .menu-list li:last-child{ border-bottom: none; } .page-box .lf-col .menu-list li.on:after, .page-box .lf-col .menu-list li:hover:after{ background: transparent; } .page-pos-box{ display: block; } .page-cont .page-pos img{ width: .26rem; } .page-cont .page-pos *{ font-size: .26rem; } .cur-name h3{ margin-bottom: 0; } .cur-child-name-box h3{ font-size: .42rem; padding: .2rem 0 .2rem .5rem; } .cur-parent-name-box .cur-name{ width: 50%; } .article-title{ font-size: .36rem; } .article-date{ font-size: .26rem; } .article-txt p{ font-size: .26rem; line-height: .48rem; } .page-box .lf-col .cur-name .switch-m-list{ display: block; } .page-cont .piclist ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .page-cont .piclist li{ width: 48%; margin-right: 0; float: none; } .home-f .rg .date b{ font-size: .26rem; } .home-f .rg .dt i{ font-size: .3rem; height: 1.2rem; line-height: .4rem; } .home-f .rg .wlist a{ padding: .26rem .2rem; height: 1.6rem; } .page-cont .word-list li{ width: 100%; padding: .1rem 0; } .page-cont .word-list .tl{ font-size: .3rem; height: .8rem; line-height: .4rem; width: calc(100% - 1.4rem); } .page-cont .word-list .date{ width: 1.2rem; } .page-cont .word-list .date strong{ font-size: .26rem; } }