.banner > div{ height:160px; background:url(../img/bg02.png) center center no-repeat; }
.banner .title{ height:100%; color:var(--xy-red); font-family:Microsoft YaHei-Bold; font-weight:700; font-size:24px; padding:20px; background:url(../img/bg01.png) center center no-repeat; }
.xhjs .news { margin-top:-64px; background-color:transparent; }
.xhjs .news .title {display: flex; height: auto;}
.xhjs .news .title div { background-color:var(--xy-red); color:white; margin-right:0; height:42px; padding:0 5px; font-size:14px; width:50%; border:solid 1px var(--xy-red-bg);}
.xhjs .news .title div.current { background-image:none; background-color:white; color:var(--xy-red); }
.xhjs .news .title div.sgw{     padding-top: 2px;    font-size: 14px;    line-height: 18px;}
.xhjs .news .content { background-color:white; padding:10px; }
.xhjs .news .content .group { background-color:var(--xy-red-bg); border:solid 1px var(--xy-gray); padding:10px; position:relative; margin-top:10px; }
.xhjs .news .content .group h1 { font-size:16px; color:var(--xy-red); }
.xhjs .news .content .group h2 { font-size:16px; color:var(--xy-red); position:absolute; margin:10px; top:0; right:20px; font-weight:normal; }
.xhjs .news .content .group .down{ background:url(../img/down.png) center center no-repeat; position:absolute; top:14px; right:5px; width:14px; height:14px; background-size:cover; }
.xhjs .news .content .group .down.up{ transform:rotate(180deg); }
.xhjsExtra .news .title{ flex-wrap: wrap; }

@media all and (min-width: 800px) {
	.banner > div{ height:200px; }
	.banner .title{ font-size:var(--guid-size); }
	.xhjs .news .title div { height:50px; margin-left:20px; padding:0 18px; font-size:24px; width:auto;border: none;}
	.xhjs .news .title div.sgw{     padding-top: 5px;    font-size: 16px;    line-height: 20px;}
	.xhjs .news .content { padding:20px; }
	.xhjs .news .content .group h1 { font-size:20px; }
	.xhjs .news .content .group h2 { font-size:18px; }
}