*html, *html body { background-image: url(about:blank); background-attachment: fixed; }
html, body { font-family: 'PingFang SC','PingFang TC','Noto Sans CJK SC','Noto Sans CJK TC','Microsoft Yahei',Helvetica,Arial; width: 100%; height: 100%; font-size: 13.3333vw; background-color: #ffffff; -webkit-text-size-adjust: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { margin: 0; padding: 0; border: 0; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background: transparent; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
b, strong { font-weight: bold; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: none; }
textarea { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
menu, ol, ul { padding: 0; list-style: none; list-style-image: none; }
.vh { visibility: hidden; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form { margin: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { zoom: 1; display: block; }
.hidden { display: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #178ff3; }
img, iframe, video { vertical-align: top; }

.wrap { background-color: #fff; }

.body_bg { background: url(bg_body.png) no-repeat 50% 0; background-size: 100% auto; }
.header { background: #178ff3 url(bg_header.png) no-repeat 50% 0; background-size: cover; }
.header.home { height: 2.1rem; }
.header .info { position: relative; height: 1rem; margin: 0 .27rem; }
.header .info .txt   { float: left; margin-left: .1rem; padding-top: .32rem; font-size: .28rem; color: #fff; }
.header .info .txt a { color: #fff; }
.header .info .logo  { display: block; float: left; /*width: 2.46rem;*/ width: 1.85rem; height: 100%; background: url(logo.png) 50% 50% no-repeat; background-size: contain; }
.header .info .app   { display: none0; float: right; width: .95rem; height: 100%; background: url(app.png) 50% 50% no-repeat; background-size: contain; }
.header .info .btn   { display: block; float: right; width: .46rem; height: 100%; background: url(menu.png) 50% 50% no-repeat; background-size: contain; margin-left: .2rem; }
.header .info .close { display: block; float: right; width: .28rem; height: 100%; background: url(close.png) 50% 50% no-repeat; background-size: contain; }

.header .indexNav { position: relative; width:98%; margin: 0 auto; border-radius: .2rem; background-color: #fff; }
.header .indexNav ul { width:95%; margin: 0 auto; display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; }
.header .indexNav li { float: left; line-height: .48rem; font-size: .3rem; text-align: center; }
.header .indexNav li a { color: #5b5b5b; }
.header .indexNav li a:hover { color: #178ff3; }

.header .listNav { position: relative; width:98%; margin: 0 auto; height: 1.2rem; line-height: .36rem; }
.header .listNav ul { width:95%; margin: 0 auto; /*display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between;*/ }
.header .listNav li { float: left; line-height: .48rem; margin: 0 .14rem 0 0; font-size: .3rem; text-align: center; }
.header .listNav li a { color: #fff; opacity: 1.0 }
.header .listNav li a.current,
.header .listNav li a.active { opacity: 0.8 }

.header .nav { position: relative; width:98%; margin: 0 auto; border-radius: .2rem; background-color: #fff; }
.header .nav ul { width:95%; margin: 0 auto; display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; }
.header .nav li { float: left; line-height: .48rem; font-size: .3rem; text-align: center; }
.header .nav li a { color: #5b5b5b; }
.header .nav li a.current,
.header .nav li a:hover,
.header .nav li a:active { color: #178ff3; }

.focus-index-swiper { padding-top: .1rem; }
.focus-index-swiper .swiper-slide { overflow: hidden; width: 6.9rem; height: 3.45rem; margin-top: .1rem; margin-left: .1rem; border-radius: .2rem; }
.focus-index-swiper .swiper-slide span { position: absolute; top: .28rem; left: .28rem; z-index: 55; padding: .08rem; font-size: .28rem; color: #fff; border-radius: 0.10rem; background: #178ff3; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; cursor: pointer; }
.focus-index-swiper .swiper-slide img { display: block; width: 100%; height: 100%; }
.focus-index-swiper .swiper-slide p a { position: absolute; overflow: hidden; bottom: 0; left: 0; width: 100%; height: .6rem; line-height: .6rem; font-size: .28rem; color: #fff; background: -webkit-linear-gradient(transparent,rgba(43,43,43,.85)); background: linear-gradient(transparent,rgba(43,43,43,.85)); text-align: center; }
.focus-index-swiper .swiper-pagination { display: none; }

.topNews { overflow: hidden; margin-top: .2rem; background-color: #fff; }
.topNews ul { position: relative; margin: .3rem .27rem 0; }
.topNews ul:after { position: absolute; right: 0; top: 0; width: .06rem; height: .66rem; content: ""; }
.topNews li { line-height: 0; padding: .2rem .3rem .2rem .06rem; border-top: solid .01rem #ebebeb; }
.topNews li:first-child { padding-top: .1rem; border-top: none; }
.topNews li h3 { line-height: .48rem; margin: 0 0 .2rem 0; font-size: .36rem; font-weight: normal; }
.topNews li em, .topNews li span { display: inline-block; line-height: .36rem; font-size: .24rem; vertical-align: top; }
.topNews li em { padding: 0 .1rem; font-style: normal; color: #fff; border-radius: .05rem; background-color: #178ff3; text-align: center; }
.topNews li span { color: #969696; }
.topNews li span.read { padding-left: 0.3rem; background: url(read.png) no-repeat 0 50%; background-size: 0.2rem auto; }

.mod { overflow: hidden; margin-top: .2rem; background-color: #fff; }
.mod .title { overflow: hidden; margin: .27rem .27rem 0; border-bottom: solid .01rem #178ff3; }
.mod .title h3 { float: left; width: 1.56rem; height: .64rem; line-height: .58rem; padding-left: .06rem; font-size: .38rem; color: #178ff3; border-bottom: solid .06rem #178ff3; background: url(arrow_right.png) no-repeat 1rem .2rem; background-size: .1rem auto; }
.mod .title h3 a { color: #178ff3; }
.mod .title h4 { float: left; width: 1.56rem; height: .64rem; line-height: .58rem; padding-left: .06rem; font-size: .38rem; color: #178ff3; border-bottom: solid .06rem #178ff3; }
.mod .title h4 a { color: #178ff3; }
.mod .title .more { float: right; line-height: .7rem; font-size: .26rem; }
.mod .title .more a { margin-left: .45rem; }
.mod .list { font-size: .36rem; }
.mod .list .item { margin: 0 .25rem; padding-top: 0; padding-left: 0; border-bottom: solid 1px #ebebeb; }
.mod .list .item a { display: block; padding: .2rem 0; }
.mod .list h3 { display: -webkit-box; overflow: hidden; height: 1.2rem; line-height: .55rem; font-size: .36rem; font-weight: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mod .list img { float: right; overflow: hidden; width: 2.0rem; height: 1.5rem; margin-left: 0.2rem; border-radius: 0.05rem; object-fit: cover; }
.mod .list .foot { line-height: 0.2rem; margin-top: 0.1rem; font-size: 0.24rem; color: #969696; }
.mod .list .foot span { margin-right: 0.12rem; }
.mod .list .foot span.read { padding-left: 0.3rem; background: url(read.png) no-repeat 0 50%; background-size: 0.2rem auto; }

.newstext { padding: .4rem .27rem 0; }
.newstext h2 { line-height: .6rem; font-size: .4rem; text-align: center; }
.newstext .info { position: relative; line-height: .48rem; margin-top: .2rem; font-size: .24rem; color: #c8c8c8; }
.newstext .info a { color: #c8c8c8; }
.newstext .info .from,
.newstext .info .time,
.newstext .info .read { display: inline-block; overflow: hidden; max-width: 3.5rem; height: .48rem; margin-right: .15rem; vertical-align: top; }
.newstext .info .read { display:none; }
.newstext .info em { padding-left: 0.3rem; background: url(read.png) no-repeat 0 50%; background-size: 0.2rem auto; }
.newstext .info .setFont { position: absolute; right: 0; top: 0; line-height: 0; font-size: 0; }
.newstext .info .setFont a { display: inline-block; width: .48rem; height: .48rem; margin-left: .1rem; background-position: center; background-repeat: no-repeat; background-size: .26rem auto; vertical-align: middle; }
.newstext .info .setFontS { background-image: url(font_small.png); }
.newstext .info .setFontB { background-image: url(font_big.png); }

.newstext .content { position: relative; overflow: hidden; height: auto; line-height: .54rem; margin-top: .28rem; font-size: .34rem; }
.newstext .content p { margin-bottom: .3rem; word-wrap: break-word; word-break: break-all; text-align: justify; text-indent: 2em; }
.newstext .content img { display: block; max-width: 100%; width:100%; height: auto; margin: 0 auto; margin-bottom: .12rem; border-radius: .1rem; text-indent: 0; }
.newstext .content a:link, .newstext .content a:visited { text-decoration: none; border-bottom: .01rem dashed #000; }
.newstext .content a:hover, .newstext .content a:active { color: #ef8200; text-decoration: none; border-bottom: .01rem dashed #ef8200; }
.newstext .content .writer { font-size: .24rem; color: #a5a5a5; text-align: right; }
.newstext .content.min_height { height: 6.5rem; }
.newstext .content.auto_height { height: auto; }
.newstext .continue { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: .8rem; padding-top: 0.5rem; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(54%,#ffffff),to(#ffffff)); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%, #ffffff 54%, #ffffff 100%); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 54%, #ffffff 100%); text-align: center; }
.newstext .continue strong { position: relative; font-size: .28rem; font-weight: normal; color: #178ff3; }
.newstext .continue strong:after { display: inline-block; width: .17rem; height: .18rem; margin-left: .14rem; background: url(arrow_down.png) no-repeat 50%; background-size: 100% auto; content: ''; }
.newstext .continue em { font-style: normal; }
.newstext .readshow { display: block; }
.newstext .content .tags { margin: 0 0 22px 0em; font-size: 18px; color: #2c2c2c; line-height: 30px; font-family: 'NotoSansSC',"΢ÈíÑźÚ"; letter-spacing: 0.5px; }
.newstext .content .tags a { margin-right: 20px; }

.btmNews { width: 100%; }
.btmNews ul { display: -webkit-flex; display: flex; width: 92%; margin: 0 auto; margin-top: .3rem; padding: 0 .1rem 0 .1rem justify-content: space-around; }
.btmNews li { position: relative; overflow: hidden; width: 33%; margin-right: .2rem; padding-top: 25%; }
.btmNews li:last-child { margin-right: 0; }
.btmNews li img { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; vertical-align: top; }
.btmNews li h3 { position: absolute; overflow: hidden; left: 0; bottom: 0; width: 100%; height: 0.17rem; line-height: 0.17rem; font-size: .14rem; color: #fff; text-align: center; background-color: rgba(0,0,0,.7); }

.pages select { height: 0.72rem; line-height: 0.72rem; font-size: .36rem; color: #666; border: 0; background: #fff; vertical-align: top; }
.pages { margin: .1rem 0 .1rem; font-size: .16rem; text-align: center; }
.pages span, .pages a { display: inline-block; width: .2rem; height: .2rem; line-height: .2rem; margin: 0 .02rem 0; padding: 0; color: #666; border: 1px solid #dcdcdc; text-align: center; }
.pages span, .pages a:hover { color: #fff; border: 1px solid #178ff3; background: #178ff3; }
.pages font a { width: auto; padding: 0 .02rem 0; }

.footer { overflow: hidden; background-color: #fff; }
.footer .nav { display: none; margin-top: .5rem; padding: .14rem 0; font-size: 0; background-color: #178ff3; }
.footer .nav a { display: inline-block; width: 1.18rem; line-height: .48rem; font-size: .3rem; color: #fff; text-align: center; vertical-align: top; }
.footer .about { position: relative; line-height: .36rem; margin: .5rem 0; font-size: .26rem; color: #c1c1c1; text-align: center; }
.footer .about span { position: relative; padding: 0 .3rem; background-color: #fff; }
.footer .about:before { position: absolute; overflow: hidden; left: 0; top: 50%; width: 100%; height: .01rem; background-color: #c8c8c8; content: ""; }

.dh { overflow: hidden; margin: .4rem .27rem 0; }
.dh dt { line-height: .38rem; font-size: .3rem; font-weight: bold; color: #178ff3; }
.dh dt a { color: #178ff3; }
.dh dd { margin-right: -.26rem; font-size: 0; }
.dh dd a { display: inline-block; overflow: hidden; width: 1.54rem; height: .6rem; line-height: .6rem; margin-top: .2rem; margin-right: .26rem; font-size: .3rem; color: #4b4e51; border-radius: .05rem; background-color: #eef0f3; text-align: center; }
.dh dd.long a { width: 2.14rem; }

@media screen and (min-width:768px) {
    html { font-size: 102.4px; }
    .bg { background-size: 768px auto; }
    .wrap { width: 768px; margin: 0 auto; }
    .header, .listNav, .mod, .topNews, .btmNews, .footer { width: 768px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
    .indexNav { width: 708px; margin: 0 auto; box-sizing: border-box; }
    .nav { width: 708px; margin: 0 auto; box-sizing: border-box; }
    .focus-index-swiper { width: 768px; margin: 0 auto; padding: 0; }
}

iframe { width: 100%; height: 3.920rem; margin-bottom: .2rem; }
.video-js { margin-bottom: .2rem; }