@font-face { font-family: 'iconfont'; /* Project id 2930077 */ src: url('//at.alicdn.com/t/font_2930077_xjo6faiwpbd.woff2?t=1637743451220') format('woff2'), url('//at.alicdn.com/t/font_2930077_xjo6faiwpbd.woff?t=1637743451220') format('woff'), url('//at.alicdn.com/t/font_2930077_xjo6faiwpbd.ttf?t=1637743451220') format('truetype'); } .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .clear:after { content: ""; display: block; clear: both; } @media (min-width: 320px){html{font-size: 42.6667px;} } @media (min-width: 360px){html{font-size: 48px;} } @media (min-width: 375px){html{font-size: 50px;} } @media (min-width: 384px){html{font-size: 51.2px;} } @media (min-width: 414px){html{font-size: 55.2px;} } @media (min-width: 448px){html{font-size: 59.7333px;} } @media (min-width: 480px){html{font-size: 48px;} } @media (min-width: 512px){html{font-size: 68.2667px;} } @media (min-width: 544px){html{font-size: 72.5333px;} } @media (min-width: 576px){html{font-size: 76.8px;} } @media (min-width: 608px){html{font-size: 81.0667px;} } @media (min-width: 640px){html{font-size: 85.3333px;} } @media (min-width: 750px){html{font-size: 100px;} } body { max-width: 750px; margin: 0 auto; font-size: 0.26rem; position: relative; } .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { 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; } /* 绉诲姩绔彍鍗 */ .menu--1 { display: block; position: fixed; top: -0.15rem; right: -0.2rem; z-index: 9999999; } .menu--1 label { width:1.4rem; height:1.4rem; position: relative; display: block; } .menu--1 input { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; opacity: 0; } .menu--1 svg { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index:9; } path { fill: none; stroke: #585858; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; --length: 25.5; --offset: -38; stroke-dasharray: var(--length) var(--total-length); stroke-dashoffset: var(--offset); transition: all .8s cubic-bezier(.645, .045, .355, 1); } circle { fill: #fff3; opacity: 0; } .cross input:checked+svg .line--1, .cross input:checked+svg .line--3 { --length: 22.627416998; } .cross input:checked+svg .line--2 { --length: 0; } .back input:checked+svg .line--1, .back input:checked+svg .line--3 { --length: 8.602325267; } .menu--1 .line--1, .menu--1 .line--3 { --total-length: 126.64183044433594; } .menu--1 .line--2 { --total-length: 70; } .menu--1 input:checked+svg .line--1, .menu--1 input:checked+svg .line--3 { --offset: -94.1149185097; } .menu--1 input:checked+svg .line--2 { --offset: -50; } /* 绉诲姩绔彍鍗曠粨鏉?/ .header { position: fixed; left: 0; top: 0; width: 100%; height: 1.08rem; background: #fff; z-index: 99999; padding: 0 0.24rem; box-sizing: border-box; display: flex; align-items: center; } .headerHeight { height: 1.08rem; } .header .search { display: block; } .header .search img { display: block; height: 0.4rem; width: 0.4rem; } .logo { display: block; position: absolute; left: 50%; top: 50%; margin-top: -0.2rem; margin-left: -0.965rem; overflow: hidden; } .logo img { width: 1.93rem; height: 0.4rem; display: block; } .banner { height: 9.9rem; } .banner .swiper-slide { background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; background-color: #ccc; } .banner .swiper-slide a { display:block; width:100%; height:100%; } .banner .swiper-slide .text { width: 100%; height: 100%; display: flex;; align-items: center; justify-content: center; flex-direction: column; padding: 0 0.6rem; box-sizing: border-box; color: #fff; z-index: 5; position: relative; } .banner .swiper-slide .text h3 { font-size: 0.6rem; font-weight: bold; } .banner .swiper-slide .text .st { font-size: 0.28rem; line-height: 0.5rem; margin-top: 0.6rem; letter-spacing: 1px; color: rgba(255,255,255,0.7); text-align: justify; } .banner .swiper-pagination { text-align: left; margin-left: 0.3rem; } .banner .swiper-pagination-bullet { width: 0.2rem; height: 0.2rem; overflow: hidden; background: none; position: relative; opacity: 1; border-radius: 0; } .banner .swiper-pagination-bullet:before { content: ""; display: block; width: 0.4rem; height: 0.4rem; background-color: #fff; border-radius: 50%; overflow: hidden; } .banner .my-bullet-active::before { background-color: #5DB7B4; } .sear { position: fixed; left: 0; top: 1.08rem; width: 100%; height: calc(100% - 1.08rem); z-index: 99; display: none; } .bgs { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.46); z-index: 99; } .sear .boxs { background-color: #fdfdff; padding: 0.3rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; border-top: 1px solid #ececec; z-index: 99; position: relative; } .sear .boxs h3 { font-size: 0.36rem; color: #333; font-weight:bold; margin-bottom: 0.4rem; } .sear .boxs .input { width: 100%; margin: 0 auto; border:1px solid #ddd; background-color: #fff; padding: 0 0.2rem; box-sizing: border-box; line-height: 0.66rem; display: block; } .sear .boxs .pr { width: 90%; } .sear .boxs .btns { position: absolute; width: 0.36rem; height: 0.36rem; background: url(../img/index-sear.svg) no-repeat; border-radius: 0; border:none; right:10px; top: 50%; margin-top: -0.18rem; } .nav { opacity: 0; transform: translateX(100%); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; border-radius: 0% 0% 50% 50%; visibility: hidden; } .nav.fade-in { opacity: 1; transform: translateX(0px); border-radius: 0% 0% 0% 0%; background: #E6E6E6; visibility: visible; transition: all 700ms cubic-bezier(.9, 0, .33, 1); } .nav ul { margin-top: 20%; } .nav ul li { display: block; opacity: 0; margin-top: 0.7rem; visibility: hidden; position: relative; transition: all 800ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(1) { transition: all 1400ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(2) { transition: all 1500ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(3) { transition: all 1600ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(4) { transition: all 1700ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(5) { transition: all 1800ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(6) { transition: all 1900ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(7) { transition: all 2000ms cubic-bezier(.8, 0, .33, 1); } .nav ul li:nth-child(8) { transition: all 2100ms cubic-bezier(.8, 0, .33, 1); } .nav ul li.fade-up { opacity: 1; margin-top: 0.4rem; visibility: visible; } .nav ul li a { font-size:0.36rem; color: #333333; line-height: 0.6rem; text-align: center; display: block; } .share-icon { display: flex; align-items: center; justify-content: center; margin-top: 15%; } .share-icon a { display: block; margin: 0 0.4rem; } .share-icon ul li img { height: 0.45rem; } .wxevm { position: fixed; left: 0; width: 100%; height: 100%; top: 0; z-index: 1888; display: none; } .wxevm .boxs { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .wxevm ul { position: relative; z-index: 1999; width: 100%; display: flex; align-items: center; justify-content: center; } .wxevm ul li { width: 40%; margin: 0 3%; } .wxevm ul li img { width: 100%; border-radius: 5px; overflow: hidden; display: block; } .liu { display: block; } .liu ul li { margin-left: 0; width: 33.3%; height: 30vw; float: left; background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; } .liu ul li a { display: block; } .liu ul li .img { height: 0.63rem; display: block; text-align: center; } .liu ul li .img img { max-height: 100%; } .liu ul li span { display: block; font-size: 0.28rem; margin-top: 0.24rem; } .liu ul li:nth-child(even) { background: #F9F9F9; } .title { display: block; position: relative; text-align: center; } .title h3 { height:0.76rem; font-size: 0.76rem; font-weight: bold; color: #FAFAFA; opacity: 1; text-transform: uppercase; font-family: "Arial"; } .title span { display: block; height: 0.44rem; font-size: 0.42rem; font-weight: bold; color: #4D4D4D; margin-top: -0.42rem; } .jjfa { margin-top: 0.5rem; } .jjfa ul { margin-top: 0.5rem; position: relative; } .jjfa .clear { position: relative; } .jjfa .clear:before { content: ""; display: block; width: 100%; height: 0.04rem; position: absolute; left: 0; top: 50%; margin-top: -0.02rem; z-index: 999; background: #fff; } .jjfa .clear:after { content: ""; display: block; height: 50%; width: 0.04rem; position: absolute; left: 50%; bottom: 0%; margin-top: -0.02rem; z-index: 999; background: #fff; } .jjfa ul li { display: block; float: left; width: 50%; height: 4.44rem; position: relative; z-index: 9; } .jjfa ul li a { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .jjfa ul li .text { position: absolute; left: 0.3rem; bottom: 0.38rem; } .jjfa ul li .text h3 { color: #FAFAFA; font-size: 0.36rem; padding-left: 0.32rem; position: relative; font-weight: bold; } .jjfa ul li .text h3:before { content: ""; display: block; width: 0.1rem; height: 0.46rem; background: #5DB7B4; position: absolute; left: 0; top: 50%; margin-top: -0.23rem; } .jjfa ul li .text .st { display: block; font-size:0.26rem; color: #FAFAFA; margin-top: 0.24rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; font-weight: normal; -webkit-line-clamp:1; -webkit-box-orient:vertical; } .jjfa ul li:nth-child(1) { /*width: 100%;*/ } .mt50 { margin-top: 0.6rem; } .more { display: inline-flex; align-items: center; justify-content: center; height: 0.65rem; line-height: 0.65rem; background: #F2F2F2; opacity: 1; padding: 0 0.46rem; color: #A5A5A5; border-radius: 0.65rem; font-size: 0.26rem; } .more i { display: block; width: 0.15rem; height: 0.15rem; background: url(../img/san.png) no-repeat; background-size: 100%; margin-left: 0.18rem; } .rxcp { position: relative; } .rxcp .swiper-container { margin-top: 0.46rem; width: 6.86rem; height: 4.16rem; background: #FFFFFF; box-shadow: 0px 0.04rem 0.2rem rgba(0, 0, 0, 0.06); opacity: 1; border-radius: 0.12rem; z-index: 99; position: relative; } .rxcp .swiper-slide { flex-direction: column; align-items: center; justify-content: center; } .rxcp .img { width: 3.74rem; height: 3rem; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .rxcp .img img { max-width: 100%; } .rxcp .swiper-slide span { display: block; margin-top: 0.16rem; text-align: center; font-size: 0.24rem; color: #4D4D4D; line-height:0.44rem; margin-bottom: 0.1rem; padding:0 0.2rem; } .rxcp .swiper-button-next { background: #2971B1; width: 0.68rem; height: 0.92rem; right: 0; } .rxcp .swiper-button-next:after{ content:""; background: url(../img/jt.svg) no-repeat center center; width: 0.40rem; height: 0.7rem; background-size: 100%; } .rxcp .swiper-button-prev { background: #2971B1; width: 0.68rem; height: 0.92rem; left: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ } .rxcp .swiper-button-prev:after{ content:""; background: url(../img/jt.svg) no-repeat center center; width: 0.40rem; height: 0.7rem; background-size: 100%; } .rxcp .swiper-button-next:hover,.rxcp .swiper-button-prev:hover { background: #5DB7B4; } .rxcp:after { content: ""; display: block; width: 100%; height: 2.1rem; position: absolute; left: 0; top: 50%; margin-top: -1.05rem; z-index: 9; background: #EAEAEA; margin-top: -1rem; } .xwdt .swiper-slide { display: block; } .xwdt .img { width: 100%; max-height: 4.44rem; overflow: hidden; } .xwdt .img img { width: 100%; display: block; } .xwdt .text { padding:0.35rem 0.3rem; background: #F9F9F9; } .xwdt h5 { font-size: 0.36rem; font-weight: bold; line-height: 0.54rem; color: #595959; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .xwdt .st { margin: 0.3rem 0 0.18rem 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; font-weight: normal; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size: 0.28rem; color: #8C8C8C; line-height: 0.44rem; } .xwdt .time { display: flex; align-items: center; font-size: 0.24rem; color: #8C8C8C; } .xwdt .time img { width: 0.25rem; height: 0.26rem; margin-right: 0.2rem; } .xwdt .more { margin-top: 0.2rem; } .xwdt .swiper-container { padding-bottom: 0.8rem; } .over-swiper-pagination .swiper-pagination-bullet-active { width: 17px; background: #5DB7B4; border-radius: 8px; } .footer { background: #F2F2F2; } .footer .top { display: block; } .footer .top ul li { display: block; float: left; width: 50%; text-align: center; padding-top: 0.5rem; } .footer .top ul li a { display: block; font-size: 0.26rem; color: #333333; line-height: 0.56rem; } .footer .top ul li a:nth-child(1) { font-size: 0.32rem; color: #333333; font-weight:600; margin-bottom: 0.24rem; } .footer .top ul li:nth-child(1),.footer .top ul li:nth-child(2) { height: 4rem; border-bottom: 1px solid rgba(112,112,112,0.12); } .pb50 { padding-bottom: 0.5rem; } .footer .bottom { background-color: #E6E6E6; padding: 0.3rem; color: #3A3A3A; font-size: 0.26rem; } .footer .bottom .ce { line-height: 0.46rem; text-align: center; } .footer .bottom .ce a { margin: 0 0.06rem; } .footer .bottom .bo { margin: 0.3rem 0; display: flex; align-items: center; justify-content: center; } .footer .bottom .bo a { margin: 0 0.3rem; } .footer .bottom .las { text-align: center; font-size: 0.2rem; } .dinav ul { background-color: #F2F2F2; height: 1rem; line-height: 1rem; display: flex; align-items: center; } .dinav ul li { flex: 1; color: #474645; font-size: 0.3rem; text-align: center; position: relative; } .dinav ul li a { display: block; } .dinav ul li:before { content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 7px solid #2971B1; position: absolute; left: 50%; bottom: 0; margin-left: -9px; margin-bottom: -6px; display: none; } .dinav ul li.on { background-color: #2971B1; color: #fff; } .dinav ul li.on a { color: #fff; } .dinav ul li.on::before { display: block; } .huise { background-color: #f9f9f9; } .ernav { padding: 0.5rem 0.2rem 0 0.2rem; } .ernav ul li { display: flex; align-items: center; justify-content: center; float: left; width: 2.16rem; height: 0.6rem; background: #FFFFFF; border: 1px solid #d0d0d0; opacity: 1; border-radius: 0px; color: #595959; font-size: 0.26rem; margin: 0.12rem 0.1rem; box-sizing: border-box; } .ernav ul li.curr { border: 1px solid #2971B1; } .ernav ul li.curr a { color: #2971B1; } .ernav ul li.on { border: 1px solid #2971B1; color: #2971B1; } .gaoxiao { margin-top: 0.5rem; } .title2 { font-weight: bold; font-size: 0.4rem; color: #4D4D4D; padding-left: 0.34rem; position: relative; } .title2:before { content: ""; width: 0.1rem; height: 0.5rem; background-color: #3287E1; position: absolute; left: 0; top: 0; } .gaoxiao ul { padding-top: 0.3rem; } .gaoxiao ul li { display: block; width: 6.86rem; background: #FFFFFF; box-shadow: 0px 0.04rem 0.2rem rgba(0, 0, 0, 0.06); opacity: 1; padding: 0.5rem; box-sizing: border-box; overflow: hidden; border-radius: 0.12rem; margin-top: 0.4rem; } .gaoxiao ul li a { display: block; } .gaoxiao ul li h3 { font-size: 0.36rem; color: #323439; font-weight: bold; line-height: 0.44rem; } .gaoxiao ul li .st { font-size: 0.26rem; color: #8C8C8C; line-height: 0.46rem; margin-top: 0.34rem; display: block; } .innerbanner { height: 5rem; background-position: center center; background-repeat: no-repeat; background-size: cover; } .innerbanner .text { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #FFFFFF; height: 100%; z-index: 999; position: relative; } .innerbanner .text h3 { font-size: 0.48rem; font-weight: bold; } .innerbanner .text .st { margin-top: 0.42rem; font-size: 0.3rem; text-align: center; padding: 0 0.7rem; line-height: 0.55rem; } .zhxy { padding-top: 0.7rem; } .overtext { display: block; font-size: 0.26rem; color: #4D4D4D; line-height: 0.48rem; } .overimg { width: 100%; display: flex; align-items: center; justify-content: center; } .overimg img { max-width: 96%; display: block; } .zhxy .list1 { margin-top: 0.54rem; height: 100%; } .zhxy .list1 .swiper-slide { flex-direction: column; justify-content: center; height: 100%; padding:0.6rem 0.3rem; box-sizing: border-box; background-color: #f9f9f9; } .zhxy .list1 .swiper-slide .num { display: block; width: 0.74rem; height: 0.74rem; background-color: #2971B1; border-radius: 50%; margin: 0 auto; text-align: center; line-height: 0.74rem; color: #fff; font-size: 0.4rem; font-weight: bold; } .zhxy .list1 .swiper-slide h3 { display: block; font-size: 0.28rem; margin-top: 0.2rem; font-weight: bold; text-align: center; } .zhxy .list1 .swiper-slide .int { font-size: 0.26rem; color: #4D4D4D; line-height: 0.44rem; margin-top: 0.32rem; min-height:2.64rem; max-height: 6.6rem; text-align: justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; font-weight: normal; -webkit-line-clamp:15; -webkit-box-orient:vertical; } .zhxy .list1 .swiper-slide:nth-child(even) { background-color: #f0f0f0; } .zhxy .list1 .swiper-container { padding-bottom: 0.8rem; } .xgal { padding: 0.5rem 0.15rem; background-color: #f9f9f9; } .xgal .title h3 { color: #fff; } .xgal .list1 { margin-top: 0.6rem; } .xgal .list1 a { display: block; padding: 0.1rem; box-sizing: border-box; width: 100%; height: 100%; } .xgal .list1 .img { width: 100%; height: 2.38rem; overflow: hidden; display: flex; align-items: center; justify-content: center; } .xgal .list1 .img img { height: 100%; display: block; } .xgal .list1 .text { background-color: #fff; padding:0.4rem 0.3rem; } .xgal .list1 .text .out { text-align: center; font-size: 0.32rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: bold; } .xgal .list1 .swiper-slide { background-color: #f9f9f9 !important; padding: 0; border-radius: 5px; } .xgal .list1 .swiper-slide:nth-child(even) { background-color: #f9f9f9; } .xgal .list1 .swiper-slide .text .int { display: block; margin-top: 0.3rem; overflow:hidden; max-height: 4.4rem; text-overflow:ellipsis; display:-webkit-box; font-weight: normal; -webkit-line-clamp:10; -webkit-box-orient:vertical; } .zhxy .rxcp { margin: 0.8rem 0; } .znzd { display: block; } .znzd-list { background: #F9F9F9; padding: 0.7rem 0; } .znzd-list .title h3 { color: #fff; } .znzd-list .hd { display: block; width: 80%; margin: 0 auto; margin-top: 0.2rem; } .znzd-list .hd ul { display: flex; align-items: center; flex-wrap: wrap; } .znzd-list .hd ul li { flex:1; float: left; margin: 0 auto; text-align: center; } .znzd-list .hd ul li a { width: 2.44rem; height: 0.68rem; box-sizing: border-box; border: 1px solid #ADADAD; display: inline-flex; align-items: center; justify-content: center; color: #4D4D4D; background-color: #fff; border-radius: 0.68rem; margin-top: 0.46rem; font-size: 0.28rem; } .znzd .rxcp:after { display: none; } .znzd-list .hd ul li.on a { border:1px solid #1275DE; } .znzd-list .hd ul li.on a { color: #1275DE; } .znzd-list .swiper-container { background: none; padding: 0.1rem 0.32rem; box-shadow: 0 0 0 0; height: auto; } .znzd-list .bd .swiper-slide a { display: block; background: #fff; padding: 0.4rem 0; border-radius: 5px; overflow: hidden; position: relative; box-shadow: 0px 0.04rem 0.2rem rgba(0, 0, 0, 0.06); } .znzd-list .img { width: auto; max-width: 94%; } .bwhite .title h3 { color: #fafafa; } .rlzfimg { height: auto; display: flex; align-items:flex-start; } .cpxnys { display: block; margin-top: 0.66rem; } .cpxnys ul { display: flex; flex-wrap: wrap; align-items: center; } .cpxnys ul li { width: 50%; height: 4.6rem; background: #fff; display: flex; align-items: center; flex-direction: column; padding: 0.46rem 0.4rem 0 0.4rem; box-sizing: border-box; } .cpxnys ul li .num { display: block; font-size: 1rem; color: #0B57AA; opacity: 0.06; font-weight: bold; } .cpxnys ul li:nth-child(2),.cpxnys ul li:nth-child(3),.cpxnys ul li:nth-child(6) { background: #F9F9F9; } .cpxnys ul li h3 { font-size: 0.36rem; font-weight: bold; color: #4D4D4D; margin-top: -0.6rem; } .cpxnys ul li .st { margin-top: 0.42rem; font-size: 0.26rem; color: #595959; line-height: 0.45rem; text-align: center; } .jscs { background: #F9F9F9; padding: 0.3rem 0.32rem; } .jscs ul li { padding: 0.26rem 0; display: flex; align-items: center; } .jscs ul li:after { content: ""; display: block; clear: both; } .jscs ul li i { font-size: 0.456rem; color: #2971B1; display: block; float: left; } .jscs ul li i img { max-width:60%; } .jscs ul li .put { display: flex; float: left; width: 2.5rem; align-items: center; } .jscs ul li .text { float: left; display: block; font-size: 0.3rem; color: #4D4D4D; font-weight: bold; margin-left: 0.1rem; } .jscs ul li .it { font-size: 0.26rem; color: #595959; width: 3.8rem; float: left; margin-left: 0.3rem; line-height: 0.5rem; } .sycj .swiper-slide { width: 3.65rem; height: 2.4rem; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 0.12rem; } .sycj .swiper-slide span { display: block; position: absolute; font-size:0.36rem; font-weight: bold; color: #FAFAFA; left: 0.28rem; bottom: 0.16rem; } .sycj.rxcp:after { display: none; } .sycj.rxcp .swiper-container { width: 100%; height: auto; padding-left: 0.3rem; box-sizing: border-box; border-radius: 0; padding-bottom: 0.8rem; box-shadow: 0px 0rem 0rem rgb(0 0 0 / 6%); } .cgal.sycj .swiper-slide { height:3.65rem; } .fwzc { height: 7.3rem; } .fwzc a { display: block; width: 100%; height: 100%; } .fwzc .text { padding: 0 0.54rem; } .fwzc .text h3 { font-size: 0.55rem; } .fwzc .text .st { font-size: 0.32rem; line-height: 0.54rem; color: #FAFAFA; margin: 0.6rem 0; } .fwzc .int { display: flex; align-items: center; justify-content: center; border-radius: 50%; border:1px solid #fff; width: 0.74rem; height: 0.74rem; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ } .ljlfw { display: block; } .ljlfw .content { padding: 0.6rem 0.22rem; border-bottom: 1px dashed #e2e2e2; } .title2 { font-size: 0.4rem; font-weight: bold; color: #4D4D4D; display: flex; align-items: flex-end; position: relative; margin-bottom: 0.56rem; } .title2 span { font-size: 0.3rem; color: #4D4D4D; font-weight: normal; } .title2:before { content: ""; display: block; width: 0.1rem; height: 0.5rem; background: #3287E1; opacity: 1; border-radius: 0px; margin-right: 0.24rem; } .ljlfw .content .text .st { font-size: 0.32rem; font-weight: bold; color: #1275DE; display: flex; align-items: center; } .ljlfw .content .text .st span { margin-right: 0.24rem; font-weight: normal; } .ljlfw .content .text .st span.bold { font-weight: bold; } .ljlfw .content .text .out { display: none; margin-top: 0.2rem; } .ljlfw .content .text .out span { display: block; font-size: 0.26rem; color: #4D4D4D; line-height: 0.6rem; } .ljlfw .content .text .boxs .out:first-child { display: block; } .gpzjf { display: block; } .gpzjf .st { margin-top: 0.56rem; font-size: 0.26rem; color: #4d4d4d; line-height: 0.5rem; } .gpzjf .list { margin-top: 1rem; position: relative; } .gpzjf .list .wrap { position: relative; z-index: 999; } .gpzjf .list .img { margin-top: 0.66rem; width: 100%; } .gpzjf .list .img img { width: 100%; display: block; } .gpzjf .list .boxs { display: block; padding:0.3rem 0.4rem; } .gpzjf .list .boxs span { display: block; font-size: 0.28rem; color: #fff; padding-left: 0.32rem; line-height: 0.5rem; margin:0.26rem 0; position: relative; float: left; width: 50%; box-sizing: border-box; } .gpzjf .list .boxs span:before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; } .gpzjf .list::after { content: ""; position: absolute; left: 0; bottom: 0; background-color: #2971B1; width: 100%; height: 7.26rem; z-index: 9; } .gpzjf .list:nth-child(3)::after { background-color: #5DB7B4; } .gpzjf .list:nth-child(3) .boxs span { width: 100%; } .gpzjf .list:nth-child(5) .boxs span { width: 100%; } .gpzjf .list:nth-child(4)::after { background-color: #4D4D4D; } .gpzjf .list:nth-child(5)::after { background-color: #2971B1; } .ywfw { display: block; } .ywfw .list { padding: 0.8rem 0 0.3rem 0; } .ywfw .list .img { width: 100%; display: block; margin-top: 0.68rem; } .ywfw .list .img img { width: 100%; display: block; } .ywfw .list .boxs { display: block; padding:0.3rem 0.1rem 0.3rem 0.3rem; } .ywfw .list .boxs span { display: block; font-size: 0.28rem; color: #333; padding-left: 0.32rem; line-height: 0.5rem; margin:0.2rem 0; position: relative; float: left; width: 100%; box-sizing: border-box; } .ywfw .list .boxs span:before { content: ""; display: block; position: absolute; left: 0; top: 0%; margin-top: 0.22rem; width: 4px; height: 4px; background-color: #2680EB; border-radius: 50%; } .ywfw .list:nth-child(even) { background-color: #f9f9f9; } .sjaq .list .boxs span { width: 100%; } .fwzcinner { height: 5.6rem; } .about { display: block; position: relative; } .about:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 8; background:url(../img/about-banner.png) no-repeat center center; background-size: 100%; width: 100%; height: 9rem; } .about .topBt { padding-top: 2rem; padding-left: 0.8rem; position: relative; z-index: 99; } .about .topBt h3 { font-size: 0.48rem; color: #FAFAFA; font-weight: bold; } .about .topBt .st { display: block; font-size: 0.28rem; color: #FAFAFA; margin: 0.3rem 0; } .about .topBt .bf { display: flex; align-items: center; font-size: 0.28rem; color: #FAFAFA; margin: 0.2rem 0; } .about .topBt .bf i { margin-right: 0.1rem; font-weight: normal; } .liao { background: #2971B1; width: 6.86rem; padding: 0.5rem 0.4rem; border-radius: 5px; box-sizing: border-box; position: relative; z-index: 99; margin: 0 auto; margin-top:1.66rem; } .liao h3 { font-size: 0.28rem; color: #FFFFFF; font-weight: bold; position: relative; } .liao h3:after { content: ""; display: block; width: 4.38rem; height: 1px; background-color: #fff; position: absolute; right: 0; bottom: 0; } .liao .st { font-size: .26rem; line-height: 0.5rem; color: #fff; margin-top: 0.4rem; } .videoshow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none; } .videoshow .boxs { width: 94%; height: 5rem; position: absolute; left: 0%; top: 50%; margin-top: -2.5rem; margin-left: 3%; z-index: 9999; } .videoshow .boxs video { width: 100%; height: 100%; } .close { position: absolute; right: 4%; top: 50%; margin-top: -3.3rem; font-size: 0.58rem; color: #fff; display: block; z-index: 99; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .close:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ } .about .dw { display: flex; justify-content: space-between; margin-top: 0.78rem; border-bottom: 3px solid #5DB7B4; } .about .dw .boxs { flex: 1; background-color: #F9F9F9; height: 3.12rem; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 0.35rem; } .about .dw .boxs h3 { font-size: 0.44rem; font-weight: bold; color: #4D4D4D; } .about .dw .boxs .st { font-size: 0.26rem; color: #4D4D4D; line-height: 0.4rem; height: 1.2rem; text-align: center; margin-top: 0.2rem; } .about .dw .boxs:nth-child(2) { background-color: #fff; } .about .wh { margin-top: 0.7rem; line-height: 0.5rem; text-align: center; } .about .wh .list { margin-top: 1rem; } .about .wh .list .boxs { width: 50%; box-sizing: border-box; height: 1.8rem; float: left; background-position: center center; background-repeat: no-repeat; background-size: cover; } .xzxlp { margin-top: 0.7rem; } .xzxlp .swiper-slide { width: 6rem; height: 4.9rem; display: block; text-align: center; padding: 0.7rem 0.3rem; box-sizing: border-box; background-color:#5DB7B4; } .xzxlp .swiper-slide h3 { font-size: 0.36rem; font-weight: bold; color: #FFFFFF; } .xzxlp .swiper-slide .st { margin-top: 0.2rem; font-size: 0.24rem; color: #FFFFFF; line-height: 0.4rem; } .xzxlp .swiper-slide:nth-child(even) { background-color: #2971B1; } .xzxlp .swiper-container { padding-bottom: 0.8rem; } .qmyz { background:url(../img/about-img7.png) no-repeat; padding: 1.1rem 0 1.3rem 0; margin-top: 0.4rem; } .qmyz .title h3 { color: #FAFAFA; opacity: 0.04; } .qmyz .title span { color: #fff; } .qmyz .list { width: 94%; margin: 0 auto; padding-top: 0.3rem; } .qmyz .list .boxs { display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; width: 33.3%; margin-top: 0.8rem; } .qmyz .list .boxs h3 { width: 1.88rem; height: 1.62rem; background:url(../img/qmyz-bg.png) no-repeat; background-size:100%; display: flex; align-items: center; justify-content: center; color: #3ABCFD; font-size: 0.46rem; font-weight: bold; } .qmyz .list .boxs .st { font-size: 0.24rem; font-weight: 400; color: #3ABCFD; line-height: 0.4rem; height: 0.8rem; padding: 0 0.5rem; margin-top: 0.3rem; text-align: center; } .bbqg .boxs { display: block; padding:0.3rem 0.1rem 0.3rem 0.3rem; } .bbqg .boxs span { display: block; font-size: 0.28rem; color: #333; padding:0 0.32rem; line-height: 0.5rem; margin:0.2rem 0; position: relative; float: left; width: 100%; box-sizing: border-box; } .bbqg .boxs span:before { content: ""; display: block; position: absolute; left: 0; top: 0%; margin-top: 0.22rem; width: 4px; height: 4px; background-color: #2680EB; border-radius: 50%; } .bbqg .img { display:block; margin-top: 0.8rem; width: 100%; } .bbqg .img img { width: 100%; display: block; } .fzlc { background-color: #F9F9F9; padding: 0.7rem 0; } .fzlc .list { position: relative; margin-top: 1.8rem; padding: 0 0.3rem; } .fzlc .list:after { content: ""; display: block; width: 1px; height: 100%; background-color: #e0e0e0; position: absolute; left: 50%; top: 0; margin-left: 1px; z-index: 1; } .fzlc .list .boxs { display: block; margin-top: -0.8rem; position: relative; } .fzlc .list .boxs .dian { width: 0.36rem; height: 0.36rem; background: #FFFFFF; border: 2px solid #E0E0E0; border-radius: 50%; opacity: 1; position: absolute; left: 50%; top: 0; margin-left: -0.16rem; z-index: 99; box-sizing: border-box; } .fzlc .list .boxs:first-child .dian { border:0.1rem solid #2971B1; } .fzlc .list .boxs:after { content: ""; display: block; clear: both; } .fzlc .list .boxs .con { width: 2.8rem; display: block; } .fzlc .list .boxs .img { width: 100%; height: 1.86rem; display: flex; align-items: center; justify-content: center; } .fzlc .list .boxs .img img { width: 100%; display: block; } .fzlc .list .boxs h3 { font-size: 0.28rem; margin-top: 0.2rem; color: #4D4D4D; font-weight: bold; } .fzlc .list .boxs .st { font-size: 0.26rem; color: #8C8C8C; margin-top: 0.1rem; line-height: 0.4rem; } .fzlc .list .boxs:nth-child(even) .con { float: right; } .news-tit { white-space: nowrap; overflow-y: hidden; background-color: #F2F2F2; } .news-tit a { display: inline-block; padding: 0 0.56rem; height: 1rem; line-height: 1rem; font-size: 0.3rem; } .news-tit::-webkit-scrollbar{ width:0px; display: none; } .news-tit a.on { background-color: #5DB7B4; color: #fff; } .news-tit2 ul { white-space: nowrap; overflow-y: hidden; background-color: #F2F2F2; } .news-tit2 ul li { display: inline-block; padding: 0 0.56rem; height: 1rem; line-height: 1rem; font-size: 0.3rem; } .news-tit2 ul::-webkit-scrollbar{ width:0px; display: none; } .news-tit2 ul li.on { background-color: #5DB7B4; color: #fff; } .pagespro { width: 96%; margin: 30px auto; text-align: center; } .pagespro li { display: inline-block; margin:3px; background: #eee; cursor: pointer; } .pagespro li a { padding: 0px 10px; height: 0.54rem; line-height: 0.54rem; display: block; font-size: 0.26rem; color: #888; } .pagespro li:hover, .pagespro li.active { background-color: #0076DE; } .pagespro li:hover a, .pagespro li.active a { color: #fff; } .news-list { padding-top: 0.1rem; } .news-list ul li { display: block; width: 100%; margin-top: 0.44rem; } .news-list ul li a { display: block; } .news-list ul li img { width: 100%; max-height: 4.4rem; overflow: hidden; } .news-list ul li .text { background: #F9F9F9; padding:0.4rem 0.3rem; box-sizing: border-box; display: block; } .news-list ul li .text h3 { font-weight: bold; font-size: 0.36rem; color: #595959; line-height: 0.6rem; } .news-list ul li .text .st { margin-top: 0.2rem; color: #8C8C8C; font-size: 0.26rem; display: block; line-height: 0.46rem; } .news-list ul li .text .time { display: flex; color: #8C8C8C; align-items: center; margin-top: 0.3rem; font-size: 0.24rem; } .news-cons { margin-top: 0.7rem; } .news-cons .tit { font-size:0.4rem; line-height: 0.6rem; color: #595959; font-weight: bold; } .news-cons .cons { display: block; margin-top: 0.5rem; color: #333; font-size: 0.28rem; line-height: 0.48rem; width: 100%; overflow: hidden; padding-bottom: 1.5rem; } .news-cons .cons img { max-width: 100%; } .znzf { margin-top: 0.5rem; } .znzf .hd { margin: 0 0.3rem; } .znzf .hd ul { white-space: nowrap; overflow-y: hidden; } .znzf .hd ul li { display: inline-block; text-align: center; border: 1px solid #D0D0D0; color: #595959; width: 2rem; line-height: 0.66rem; box-sizing: border-box; margin-right: 0.1rem; } .znzf .hd ul::-webkit-scrollbar{ width:0px; display: none; } .znzf .hd ul li.on { background: #1262A9; color: #fff; } .znzf .hd ul li.on a { color: #fff; } .znzf .bd { display: block; margin-bottom: 0.8rem; } .znzf .bd ul li { display: block; padding: 0.05rem 0.6rem 0.5rem 0.6rem; box-shadow: 0px 0.04rem 0.2rem rgba(0, 0, 0, 0.06); border-radius: 0.12rem; box-sizing: border-box; width: 6.78rem; margin: 0 auto; margin-top: 0.56rem; } .znzf .bd ul li a { display: block; } .znzf .bd ul li .img { width: 100%; display: block; } .znzf .bd ul li .img img { width: 3.32rem; height: 3.06rem; display: block; margin: 0 auto; } .znzf .bd ul li .text { font-size: 0.36rem; color: #4D4D4D; font-weight: bold; display: block; text-align: center; margin-top: 0.16rem; } .znzf .bd ul li .st { font-size: 0.26rem; color: #4D4D4D; line-height: 0.44rem; margin-top: 0.4rem; display: block; } .lxwm .st { display: block; color: #4D4D4D; font-size: 0.27rem; line-height: 0.46rem; } .zx-list { display: block; } .zx-list ul li { display: block; width: 100%; margin-top: 0.5rem; padding: 0.6rem; box-sizing: border-box; box-shadow: 0px 0.12rem 0.2rem rgba(0, 0, 0, 0.09); background: #2971B1; border-radius: 0.12rem; color: #FFFFFF; } .zx-list ul li h3 { display: block; font-size: 0.36rem; font-weight: bold; } .zx-list ul li .st { color: #fff; margin: 0.42rem 0 0.52rem 0; } .rg { display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; text-align: center; background-color: #fff; color: #2971B1; font-size:0.31rem; font-weight: bold; border-radius: 3px; border: 1px solid #2971B1; box-sizing: border-box; } .zx-list .lin { display: flex; align-items: center; justify-content: space-between; } .zx-list .lin a { width: 2.66rem; height: 0.94rem; display: flex; align-items: center; justify-content: center; border: 1px solid #1262A9; opacity: 1; border-radius: 0px; font-size: 0.32rem; color: #1262A9; } .zx-list .lin a:nth-child(2) { font-size: 0.26rem; } .zx-list ul li:nth-child(2) { background: #fff; color: #333; } .zx-list ul li:nth-child(2) .st { color: #333; } .partner { background: #F9F9F9; } .partner .title h3 { color: #fff; } .media .list { display: flex; align-items: center; justify-content: space-around; } .media .list a { width: 1.02rem; height: 1.02rem; display: block; margin-top: 0.7rem; } .media .list a img { width: 100%; display: block; } .other { background: #F9F9F9; } .other .title { margin-bottom: 0.8rem; } .other .title h3 { color: #fff; } .other .list { padding:0.5rem 1rem; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.07); border-radius: 12px; background: #FFFFFF; display: flex; align-items: center; margin-top: 0.36rem; } .other .list i { display: block; font-size: 0.7rem; color: #464646; margin-right: 0.5rem; } .other .list .st span { font-size: 0.28rem; color: #484848; margin-bottom: 0.2rem; display: block; } .other .list .st b { font-size: 0.38rem; font-weight: bold; color: #2971B1; line-height: 0.42rem; display: block; } .other .list a { width: 2.32rem; height:0.66rem; background: #2971B1; opacity: 1; border-radius: 0px; font-size: 0.26rem; color: #FFFFFF; display: block; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 3px; } .jrwmbanner { height: 8.4rem; } .jrwmbanner .searchs { display: block; position:relative; width: 6.1rem; margin: 0 auto; } .jrwmbanner .searchs .input { display: block; height: 0.88rem; line-height: 0.88rem; padding: 0 0.2rem 0 1.08rem; box-sizing: border-box; width: 100%; border:none; background-color: rgba(255,255,255,0.5); border-radius: 0.88rem; margin-top: 1.85rem; color: #fff; font-size: 0.28rem; letter-spacing: 1px; } .jrwmbanner .searchs .input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .jrwmbanner .searchs .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .jrwmbanner .searchs .input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .jrwmbanner .searchs .input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .jrwmbanner .searchs .btns { position: absolute; width: 0.4rem; height: 0.4rem; display: block; position: absolute; left: 0.44rem; top: 50%; margin-top: -0.2rem; background: none; border:none; } .jrwmbanner .searchs .btns i { display: block; width: 100%; font-size: 0.4rem; color: #fff; } .jrwm { margin-top: 0.7rem; } .jrwm .list-1 { display: block; } .jrwm .list-1 ul { margin-left: 0.3rem; white-space: nowrap; overflow-y: hidden; } .jrwm .list-1 ul li { display: inline-block; margin-right: 0.2rem; position: relative; } .jrwm .list-1 ul li a { display: block; } .jrwm .list-1 ul li .img { width: 3.9rem; height: 2.6rem; overflow: hidden; border-radius: 0.12rem; display: block; } .jrwm .list-1 ul li .img img { width: 100%; display: block; } .jrwm .list-1 ul li .text { display: block; font-size: 0.36rem; color: #FAFAFA; font-weight: bold; position: absolute; left: 0.28rem; bottom: 0.32rem; } .ck { width: 5.66rem; height: 0.876rem; background: #FFFFFF; border: 1px solid #1262A9; opacity: 1; border-radius: 0.12rem; display: block; font-size: 0.32rem; color: #1262A9; display: inline-flex; align-items: center; justify-content: center; } .dq { display: block; width: 100%; } .dq img { width: 100%; display: block; } .gzhj { margin-top: -1rem; } .gzhj ul li { display: block; margin-top: 0.8rem; } .gzhj ul li img { width: 100%; display: block; } .gzhj ul li .st { width: 6.86rem; padding: 0.5rem 0.6rem; box-sizing: border-box; background: #1262A9; opacity: 0.9; border-radius: 0.12rem; margin: 0 auto; margin-top: -0.4rem; } .gzhj ul li h3 { font-size: 0.36rem; font-weight: bold; color: #FFFFFF; margin-bottom: 0.3rem; } .gzhj ul li .out { font-size: 0.26rem; color: #FAFCFE; line-height: 0.5rem; } .gzhj .con2 li .st { background-color: #5DB7B4; } .gzhj .con3 li .st { background-color: #4D4D4D; } .yxtx { background: #f9f9f9; padding: 0.8rem 0.3rem; } .yxtx .title h3 { color: #fff; } .yxtx .list-3 ul { white-space: nowrap; overflow-y: hidden; margin-top: 0.9rem; } .yxtx .list-3 ul li { display:inline-block; padding: 0.64rem 0.5rem; width: 5.26rem; box-sizing: border-box; background: #fff; margin-right: 0.34rem; } .yxtx .list-3 ul li img { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: block; margin: 0 auto; } .yxtx .list-3 ul li .st { font-size: 0.36rem; color: #323439; font-weight: bold; text-overflow:ellipsis; display:-webkit-box; font-weight: normal; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin: 0.4rem 0; } .yxtx .list-3 ul li .out { font-size: 0.26rem; color: #8C8C8C; line-height: 0.44rem; display: block; white-space: initial; } .sear-zw { margin: 0 auto; margin-top: -0.44rem; width: 6.86rem; height: 0.88rem; background: #FFFFFF; opacity: 1; border-radius: 0.54rem; overflow: hidden; position: relative; } .sear-zw form { display: flex; align-items: center; width: 100%; } .sear-zw i { font-size: 0.32rem; position: absolute; left: 0.3rem; height: 0.88rem; line-height: 0.88rem; display: block; } .sear-zw .input { width: 72%; padding: 0 0.3rem 0 0.9rem; box-sizing: border-box; font-size: 0.28rem; color: #8C8C8C; height: 0.88rem; border:none; } .sear-zw .button { width: 28%; height: 0.88rem; background: #2971B1; opacity: 1; border:0; color: #fff; font-size: 0.28rem; } .txzw { background: #F9F9F9; padding: 1rem 0; margin-top: -0.44rem; } .txzw .list-1 { display: block; } .txzw .list-1 h3 { font-size: 0.3rem; font-weight: bold; color: #2971B1; line-height: 0.5rem; } .txzw .list-1 .line { width: 100%; height: 1px; background: #707070; margin: 0.16rem 0; opacity: 0.15; } .txzw .list-1 ul li { display: flex; align-items: center; justify-content: center; float: left; width: 1.6rem; height: 0.6rem; background: #FFFFFF; border: 1px solid #D0D0D0; opacity: 1; border-radius: 0px; margin-right: 0.12rem; margin-top: 0.12rem; box-sizing: border-box; } .txzw .list-1 ul li a { display: block; } .txzw .list-1 ul li.on { border: 1px solid #2971B1; background: #2971B1; color: #fff; } .txzw .list-1 ul li.on a { color: #fff; } .txzw .list-2 ul li { width: 6.86rem; padding: 0.6rem; box-sizing: border-box; margin-top: 0.6rem; background: #FFFFFF; box-shadow: 0px 0.04rem 0.2rem rgba(0, 0, 0, 0.06); opacity: 1; border-radius: 0.12rem; } .txzw .list-2 ul li a { display: block; } .txzw .list-2 ul li h3 { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; font-size: 0.36rem; font-weight: bold; color: #323439; } .txzw .list-2 ul li .st { display: flex; align-items: center; font-size: 0.32rem; font-weight: bold; color: #666B72; height: 0.26rem; line-height: 0.26rem; margin: 0.5rem 0; } .txzw .list-2 ul li .st span { border-right: 1px solid #BDBFC3; display: inline-block; padding-right: 0.2rem; margin-right: 0.2rem; } .txzw .list-2 ul li .st span:last-child { border:none; } .txzw .list-2 ul li .out { color: #8C8C8C; font-size: 0.27rem; line-height: 0.48rem; } .txzw-xq { background: #F9F9F9; padding: 0.8rem 0; } .txzw-xq .ft { display: flex; align-items: center; font-size: 0.32rem; font-weight: bold; color: #666B72; height: 0.26rem; line-height: 0.26rem; margin: 0.5rem 0; } .txzw-xq .ft span { border-right: 1px solid #BDBFC3; display: inline-block; padding-right: 0.2rem; margin-right: 0.2rem; } .txzw-xq .ft span:last-child { border:none; } .txzw-xq h4 { font-size: 0.34rem; color: #4D4D4D; } .txzw-xq .cons { display: block; line-height: 0.6rem; font-size: 0.28rem; } .txzw-xq .cons h5 { color: #2971B1; font-size: .32rem; font-weight: bold; margin-top: 0.5rem; margin-bottom: 0.3rem; } .txzw-xq .jl { margin-top: 0.3rem; font-size: 0.28rem; font-weight: bold; color: #4D4D4D; } .yx { display: block; } .yx .hd ul { display: flex; align-items: center; background: #F2F2F2; height: 1rem; font-size: 0.3rem; color: #474645; } .yx .hd ul li { width: 50%; display: block; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .yx .hd ul li.on { background: #2971B1; color: #fff; } .yx .hd ul li:before { content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 7px solid #2971B1; position: absolute; left: 50%; bottom: 0; margin-left: -9px; margin-bottom: -6px; display: none; } .yx .hd ul li.on::before { display: block; } .yx .bd { margin-top: 0.6rem; } .yx .bd .swiper-container { padding:0.2rem 0.3rem 1rem 0.3rem; box-sizing: border-box; } .yx .bd .swiper-slide { padding: 0.6rem 0.2rem; box-sizing: border-box; box-shadow: 0px 0.04rem 0.2rem rgba(0, 0, 0, 0.06); } .yx .bd .swiper-slide a { display: block; } .yx .bd .swiper-slide .img { width: 1.8rem; height: 1.8rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; /* box-shadow: 0px 0.06rem 0.12rem rgba(149, 177, 255, 0.16);*/ } .yx .bd .swiper-slide .img img { max-width: 74%; display: block; } .yx .bd .swiper-slide .out { font-weight: bold; font-size: 0.28rem; text-align: center; color: #1275DE; margin-top: 0.18rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; } .yx .bd .swiper-slide .int { font-size: 0.26rem; text-align: center; color: #4D4D4D; line-height: 0.45rem; margin-top: 0.3rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow: hidden; } .gzlist { padding: 0.4rem 0 0.8rem 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .gzlist .hd { border-bottom: 1px solid rgba(255,255,255,0.5); } .gzlist .hd ul { display: flex; align-items: center; white-space: nowrap; padding: 0 0.3rem; overflow-y: hidden; width: 100%; box-sizing: border-box; } .gzlist .hd ul li { height: 1rem; font-size: 0.28rem; display: inline-flex; align-items: center; padding-right: 0.8rem; } .gzlist .hd ul li a { color: rgba(255,255,255,0.8); display: block; } .gzlist .hd ul li.on a { font-weight: bold; font-size: 0.3rem; color: rgba(255,255,255,1); } .gzlist .hd ul::-webkit-scrollbar{ width:0px; background: none; display: none; } .gzlist .bd { display: block; } .gzlist .bd h3 { font-size: 0.4rem; color: #FFFFFF; font-weight: bold; margin:0.6rem 0; text-align: center; } .gzlist .bd .st { color: rgba(255,255,255,0.8); padding: 0 0.3rem; font-size: 0.26rem; line-height: 0.56rem; } .gzlist .bd ul { white-space: nowrap; padding: 0 0.1rem 0 0.3rem; overflow-y: hidden; width: 100%; box-sizing: border-box; } .gzlist .bd ul li { display: inline-block; width: 5.7rem; padding: 0.5rem 0.4rem; margin-right: 0.2rem; box-sizing: border-box; border-radius: 0.2rem; background: linear-gradient(180deg, #1268FB 0%, #188EFC 100%); } .gzlist .bd ul li a { display: block; } .gzlist .bd ul li h5 { display: flex; align-items: center; font-size: .36rem; font-weight: bold; color: #FFFFFF; height: .47rem; } .gzlist .bd ul li h5 i { width: .47rem; height: .47rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem; } .gzlist .bd ul li h5 i img { max-width: 90%; display: block; } .gzlist .bd ul li .st { white-space:initial; padding:0; margin-top: 0.3rem; display: block; } .rzzw { width: 5.66rem; height: 0.86rem; border: 1px solid rgba(255,255,255,0.9); font-size:0.32rem; display: inline-flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.9); border-radius: 0.12rem; } .hyfl { padding: 0.5rem 0; background-color: #f9f9f9; overflow-y: hidden; } .hyfl .list { margin-top: 0.7rem; } .hyfl .list .swiper-slide { padding: 0.8rem 0.6rem; box-sizing: border-box; background: #fff; } .hyfl .list .swiper-slide a { display: block; } .hyfl .list .swiper-slide:nth-child(even) { background: #EDEDED; } .hyfl .list .swiper-slide .img { width: 0.7rem; height: 0.7rem; box-sizing: border-box; display: flex; align-items: center; justify-content:center; margin: 0 auto; } .hyfl .list .swiper-slide .img img { max-width: 80%; display: block; } .hyfl .list .swiper-slide .out { font-size: 0.32rem; font-weight: bold; color: #1275DE; text-align: center; margin: 0.35rem 0; } .hyfl .list .swiper-slide .int { font-size: 0.24rem; color: #4D4D4D; line-height: 0.45rem; height: 1.8rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow: hidden; text-align: center; } .hyfl .list .swiper-container { padding:0.2rem 0rem 1rem 0rem; box-sizing: border-box; } .yycj { display: block; position: relative; overflow: hidden; padding-top:0.6rem; } .yycj .title { position: relative; z-index: 89; } .yycj .title h3 { color: #F4F4F4; } .yycj .hd { display: block; margin-top: 0.68rem; position: relative; z-index: 99 } .yycj .hd ul li { width: 25%; float: left; background: #f9f9f9; } .yycj .hd ul li:nth-child(1) { background-color: #fff; } .yycj .hd ul li:nth-child(3) { background-color: #fff; } .yycj .hd ul li:nth-child(6) { background-color: #fff; } .yycj .hd ul li:nth-child(8) { background-color: #fff; } .yycj .hd ul li a { display: block; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 1.9rem; } .yycj .hd ul li i { font-size: 0.5rem; color: #1275DE; display: block; } .yycj .hd ul li span { margin-top: 0.15rem; display: block; font-size: .26rem; color: #4D4D4D; } .yycj .hd ul li.on { background: #1275DE; } .yycj .hd ul li.on i{ color: #fff; } .yycj .hd ul li.on span{ color: #fff; } .yycj .hd ul li:nth-child(5),.yycj .hd ul li:nth-child(6),.yycj .hd ul li:nth-child(7),.yycj .hd ul li:nth-child(8) { margin-top: 7.4rem; } .yycj .bd { display: block; background: #F0F0F0; height: 7.4rem; padding: 0.6rem 0; box-sizing: border-box; position: absolute; left: 0; width: 100%; top: 3.95rem; z-index: 999; overflow: hidden; } .wbai { width: 100%; display: block; } .yycj .bd .st { margin: 0.52rem 0; line-height: 0.5rem; font-size: 0.26rem; color: #4D4D4D; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden; } .yycj .bd .boxs { display: none; } .yycj:before { content: ""; display: block; width: 100%; background: url(../img/zhzq-bg.png) no-repeat top center; background-size: 100%; position: absolute; left: 0; top: 0; z-index: 1; height: 13.28rem; } .zhzq-link { padding: 0.8rem 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .zhzq-link .wrap { margin-left: -0.3rem; } .zhzq-link .img { width: 3.26rem; height: 1.54rem; display: flex; align-items: center; justify-content: center; overflow: hidden; margin: 0.15rem 0; margin-left: 0.3rem; float: left; background: #fff; } .zhzq-link .img img { max-width: 90%; } .zhsl-ys .list .swiper-wrapper { display: block; } .zhsl-ys .list .swiper-container { padding-bottom: 0.1rem; } .zhsl-ys .list .swiper-slide { width: 50%; float: left; padding:0.8rem 0.45rem; } .zhsl-ys .list .swiper-slide .img i { font-size: 0.8rem; color: #1275DE; } .zhsl-ys .list .swiper-slide:nth-child(3) { background-color: #ededed; } .zhsl-ys .list .swiper-slide:nth-child(4) { background-color: #fff; } .zhsl-jjfa .dinav ul { margin-top: 0.8rem; white-space: nowrap; display: block; overflow-y: hidden; } .zhsl-jjfa .dinav ul li { display: inline-block; padding: 0 0.3rem; } .zhsl-jjfa .bd { margin-top: 0.6rem; } .zhsl-jjfa .bd .swiper-container { padding: 0.3rem 0.2rem 1rem 0.2rem; box-sizing: border-box; } .zhsl-jjfa .lun .swiper-slide { box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06); border-radius: 12px; align-items: center; flex-direction: column; padding: 0.46rem 0.4rem 0.5rem 0.4rem; box-sizing: border-box; } .zhsl-jjfa .lun .swiper-slide .num { display: block; font-size: 1rem; color: #0B57AA; opacity: 0.06; font-weight: bold; } .zhsl-jjfa .lun .swiper-slide h3 { font-size: 0.36rem; font-weight: bold; color: #4D4D4D; margin-top: -0.6rem; } .zhsl-jjfa .lun .swiper-slide .st { margin-top: 0.42rem; font-size: 0.26rem; color: #595959; line-height: 0.45rem; text-align: center; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow: hidden; height:3.15rem; } .tzzgx .bot { display: flex; align-items: baseline; justify-content: center; margin-top: 0.5rem; color: #A8A8A8; font-weight: bold; font-size: 0.26rem; } .tzzgx .bot b { font-size: 0.98rem; margin-right: 0.3rem; color: #FD0D1B; } .tzzgx .xq { background: #F9F9F9; padding: 0.25rem; margin-top: 0.3rem; } .tzzgx .xq div { display: block; float: left; width: 50%; font-size: 0.26rem; font-weight: bold; color: #828282; line-height: 0.6rem; margin: 0.02rem 0; } .tzzgx .xq div span { color: #4D429D; } .tzzgx .xq div span.lan { color: #4D429D; } .tzzgx .xq div span.hong { color: #FD0D1B; } .tzzgx .xq div span.lv { color: #5BAC74; } .tzzgx .list { margin-top: 0.4rem; } .tzzgx .list .hd ul { display: flex; align-items: center; border-bottom: 1px solid rgba(112,112,112,0.15); } .tzzgx .list .hd ul li { font-size: 0.28rem; color: #595959; display: block; line-height: 0.8rem; margin-right: 0.4rem; padding: 0 0.3rem; } .tzzgx .list .bd { margin-top: 0.5rem; } .tzzgx .list .bd .boxs { display: none; } .tzzgx .list .bd .img { width: 96%; height: 4.7rem; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .tzzgx .list .bd .img img { width: 100%; display: block; } .tzzgx .list .hd ul li.on { color: #2971B1; font-weight: bold; } .tzzgx .dinav { margin-top: 0.6rem; } .gsgg { display: block; } .gsgg .bd { margin-top: 0.35rem; } .gsgg .bd .boxs { display: block; } .gsgg-erli ul { padding: 0 0.2rem; } .gsgg-erli ul li { width:1.62rem; height: 0.6rem; background: #FFFFFF; border: 1px solid #D0D0D0; opacity: 1; border-radius: 0px; margin:0.15rem 0.07rem 0 0.07rem; float: left; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .gsgg-erli ul li.curr { color: #2971B1; border: 1px solid #2971B1; font-weight: bold; } .gsgg-erst { margin-top: 0.35rem; background: #F9F9F9; height: 6.56rem; overflow-x: hidden; } .gsgg-erst .boxing { display: none; } .gsgg-erst .st { display: block; padding: 0.3rem; position: relative; border-bottom: 1px solid rgba(255,255,255,1); } .gsgg-erst .st h3 { font-size: 0.32rem; color: #4D4D4D; width: 80%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; } .gsgg-erst .st .time { font-size: 0.26rem; color: #8C8C8C; margin-top: 0.2rem; } .gsgg-erst .st .iconfont { width: 0.6rem; height: 0.6rem; background: #D8D8D8; border-radius: 50%; opacity: 1; display: flex; align-items: center; justify-content: center; font-size: 0.4rem; color: #333; position: absolute; right: 0.3rem; top: 50%; margin-top: -0.3rem; } .zxly { margin-top: 0.6rem; } .zxly a { display: block; } .zxly .img { width: 100%; height: 4.44rem; overflow: hidden; display: flex; align-items: center; justify-content: center; } .zxly .img img { width: 100%; } .zxly .swiper-container { padding-bottom: 0.8rem; } .zxly .text { padding:0.35rem 0.4rem; background: #F9F9F9; opacity: 1; border-radius: 0px; } .zxly .text .out { font-size: 0.36rem; font-weight: bold; color: #595959; line-height: 0.62rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; } .tzzjl { margin-top: 0.6rem; } .tzzjl .bd { margin-top: 0.3rem; } .wenda { display: block; } .wenda li { padding: 0.4rem 0.5rem 0.4rem 0.3rem; border-bottom: 1px solid rgba(112,112,112,0.15); } .wenda li .st { display: flex; justify-content: space-between; } .wenda li .st i { display: flex; align-items: center; justify-content: center; font-style: normal; width: 0.54rem; height: 0.54rem; background: #EAF6FF; opacity: 1; border-radius: 0px; font-size: 0.26rem; font-weight: bold; } .wenda li .st i.lan { color: #2971B1; } .wenda li .st i.cheng { color:#FEA428; background: #FEF2E3; } .wenda li .st h3 { width: 5.62rem; line-height: 0.5rem; font-size: 0.32rem; font-weight: bold; text-align: justify; } .wenda li .st h4 { width: 5.62rem; line-height: 0.5rem; text-align: justify; color: #4D4D4D; } .wenda li .time { margin-left: 1.04rem; color: #4D4D4D; margin-top: 0.2rem; } #maps { margin-top: 0.6rem; width: 100%; height: 5rem; position: relative; z-index: 9; } .lxfs { margin: 0 auto; margin-top: -1.2rem; width: 6.86rem; box-sizing: border-box; padding:0.4rem 0.3rem; position: relative; z-index: 99; background: #2971B1; box-shadow: 0px 0.12rem 0.2rem rgba(0, 0, 0, 0.09); opacity: 1; border-radius: 0.12rem; margin-bottom: 0.4rem; } .lxfs span { display: block; margin: 0.4rem 0; color: #fff; } .lxfs span i { color: #fff; font-size: 0.3rem; margin-right: 0.2rem; } .lxfs h3 { font-size: 0.32rem; font-weight: bold; color: #fff; margin-bottom: 0.4rem; } .innerbanner2 .swiper-slide { background-position: center center; background-repeat: no-repeat; background-size: cover; } .innerbanner2 .swiper-slide a { width:100%; height:100%; display:block; } .fwzc { height: 7.3rem; position: relative; } .fwzc a { display: block; width: 100%; height: 100%; position: relative; z-index: 99; } .fwzc:after { content: ""; display:block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 9; position: absolute; left: 0; top: 0; } /* add */ .kp-q6 { padding: 0rem 0.22rem 0.6rem 0.22rem; } .kp-q6a1 { font-size: 0.4rem; font-weight: bold; color: #4D4D4D; display: flex; align-items: center; position: relative; margin-top: 0.56rem; } .kp-q6a1 h2 { font-size: 0.33rem; color: #4D4D4D; font-weight: bold; font-style: normal; } .kp-q6a1:before { content: ""; display: block; width: 0.1rem; height: 0.5rem; background: #3287E1; opacity: 1; border-radius: 0px; margin-right: 0.24rem; } .kp-q6a2 { margin-top: 0.4rem; } .kp-q6a2 ul li { margin-bottom: 0.46rem; border-bottom: 1px dashed #e2e2e2; padding-bottom: 0.46rem; } .kp-q6a2 ul li dt span { font-size: 0.24rem; color: #666; font-weight: normal; } .kp-q6a2 ul li dt { font-size: 0.32rem; font-weight: bold; color: #1275DE; display: flex; align-items: center; margin-bottom: 0.2rem; white-space: nowrap; overflow-y: hidden; } .kp-q6a2 ul li dt::-webkit-scrollbar{ width:0px; display: none; } .kp-q6a2 ul li .kp-q6a2tab i { margin-right: 0.24rem; font-weight: normal; font-style: normal; } .kp-q6a2 ul li .kp-q6a2tab i.on { font-weight: bold; } .kp-q6a2 ul li dd div { display: none; margin-top: 0.2rem; } .kp-q6a2 ul li dd p { display: block; font-size: 0.26rem; color: #4D4D4D; line-height: 0.6rem; } .kp-q6a2 ul li dd div:first-child { display: block; } .gsgg-erst .boxing:first-child { display: block; } .znzf .bd .sear-xiang ul li { padding: 0.36rem 0.3rem 0.36rem 0.3rem; } .znzf .bd .sear-xiang ul li .tit { font-size:0.3rem; font-weight:bold; line-height:0.45rem; } .znzf .bd .sear-xiang ul li .text { text-align: left; font-size: 0.26rem; font-weight: normal; line-height:0.42rem; } .xwer { background-color: #f9f9f9; margin-top: 0.4rem; } .xwer .more { border-radius: 0; margin-top: 0; background:#ececec; } .xwer ul { padding:0 0.3rem; margin: 0.3rem 0; } .xwer ul li { display: block; padding-bottom: 0.4rem; } .xwer ul li a { display: block; } .xwer ul li h3 { font-size: 0.36rem; font-weight: bold; line-height: 0.54rem; color: #595959; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .xwer ul li .out { margin: 0.3rem 0 0.18rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-weight: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 0.28rem; color: #8C8C8C; line-height: 0.44rem; } .kf-fixed { position: fixed; width: 40px; height: 40px; right: 20px; bottom:150px; z-index: 999; background: #2971B1; text-align: center; line-height: 40px; z-index: 9998; border-radius: 5px; } .kf-fixed i { font-size: 28px; color: #fff; } .kf-show { display: none; z-index: 99999999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .kf-show .bgs { background-color: rgba(0,0,0,0.65); } .kf-show .lxwm { width: 95%; height: 80vh; overflow-x: hidden; position: absolute; left: 50%; top: 50%; padding: 10px 0; margin-left: -47.5%; margin-top: -40vh; z-index:120; background: #fff; border-radius: 5px; } .kf-show .lxwm .zx-list ul li { padding: 0.5rem; } .kf-show .colse { position: fixed; right: 50%; top: 4%; color: #fff; font-size: 0.46rem; z-index: 999; margin-right: -12px; width: 24px; height: 24px; display: block; line-height: 24px; text-align: center; } .pagesm { margin-top:20px; text-align: center; } .news-cons .sy { margin-bottom: 15px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-weight: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; background: #F5F5F5; padding: 0 10px; border-radius: 5px; } /* add */ .twoNav { position: absolute; right: 32vw; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.22rem; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ } .nav ul li.twoNav-show { display: none; margin-top: 0.2rem; } .nav ul li.twoNav-show a { font-size: 0.25rem; color: #666; } .zd-content { display: block; margin: 0 0.3rem; } .zd-content li { background-color: #fff; padding: 0.6rem 0.3rem; border-radius: 5px; margin-top: 0.6rem; } .zd-content li a { display: flex; align-items: center; justify-content: space-between; position: relative; } .zd-content li .imgs { width: 2.5rem; max-height: 4rem; overflow: hidden; } .zd-content li .imgs img { width: 100%; display: block; } .zd-content li .text { width: 46vw; display: block; } .zd-content li .text h3 { font-weight: bold; font-size: 0.32rem; line-height: 0.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .zd-content li .text .st { font-size: 0.26rem; color: #666; margin-top: 0.15rem; line-height: 0.44rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-weight: normal; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }