@charset "UTF-8"; .ht { height:5.25em; } .ht2 { height:4em; } .in-title { position:relative; padding:1.25em 0px; margin-top:2.4375em; } .in-title .tit { position:relative; color:#333; padding-left:0.722em; } .in-title .tit i { position:absolute; left:0px; top:50%; width:0.1667em; height:0.9722em; margin-top:-0.4861em; background:#0c6fb7; } .in-title .more { position:absolute; right:0px; top:50%; margin-top:-1.21425em; line-height:2.4285em; color:#fff; background:#237cbd; border-radius:1.21425em; padding:0px 1.5714em; } .in-title .more:hover { background:#0f569b; } .er-bn .img { padding-bottom:39.0625%; } .news-list ul { margin:0px -0.625em; } .news-list ul li { float:left; width:25%; } .news-list ul li .con { margin:0.625em; background:#fff; } .news-list ul li .text { padding:0.875em 1.25em 1.375em; } .news-list ul li .img { overflow:hidden; } .news-list ul li .img span { padding-bottom:62.29%; display:block; } .news-list ul li .time { color:#999; padding-top:0.825em; } .news-list ul li h3 { line-height:1.625em; height:3.25em; max-height:3.25em; color:#333;} .news-list ul li .con:hover { background:#006eb7; } .news-list ul li .con:hover h3 { color:#fff; } .news-list ul li .con:hover .time { color:#fff; } .news-list ul li .con:hover { box-shadow:0px 0px 0.5em rgba(0,0,0,0.1);} .news-list ul li a { display:block; } .ns-sec-bk01 { padding-top:0.6875em; } .ns-sec-bk02 .news-list ul li { width:50%; } .ns-sec-bk02 .news-list ul li .con { position:relative; padding-left:50%; padding-right:2.5em; } .ns-sec-bk02 .news-list ul li .img { position:absolute; left:0px; top:0px; height:100%; bottom:0px; width:48.415%; } .ns-sec-bk02 .news-list ul li .img span { height:100%; padding:0px; } .ns-sec-bk02 .news-list ul li .text { padding:2.0625em 0px 3.125em; } .ns-sec-bk02 .news-list ul li .time { margin-top:1.7142em; } .ns-current .tit { color:#3171bd; } .ns-current .tit a { margin-right:0.325em; } .ns-current .current { color:#999; } .ns-current .current a { color:#999; } .ns-current .current a:hover { color:#3171bd; } .ns-con-bk01 { padding:4.375em 0px 5.125em; } .ns-con-detail { margin-top:2em; } .ns-left { width:71.875%; } .ns-right { width:25%; } .ns-detail-wrap { padding: 2.625em 3.125em; } .ns-detail-wrap .title { color:#333; padding-left:0.5em; position:relative; } .ns-detail-wrap .title i { display:inline-block; position:absolute; left:0px; top:0.5625em; bottom:0.4375em; background:#0c6fb7; width:0.25em; } .ns-detail-wrap .time { color:#aaa; padding-top:0.7142em; } .ns-detail-wrap .time span { color:#222; } .ns-detail-wrap .ns-content { line-height:1.75; color:#555; padding:1.375em 0px; } .ns-detail-wrap .ns-content ol { left:1em;position:relative; } .ns-detail-wrap .ns-content ol li { list-style-type:decimal; } .ns-detail-wrap .ns-content img { max-width:100%; } .ns-detail-wrap .ns-share { padding:0.875em 0px 1.875em; } .ns-detail-wrap .ns-share ul li { display:inline-block; margin-right:1em; } .ns-detail-wrap .ns-share ul li a { width:1.5em; height:1.5em; display:inline-block; } .ns-detail-wrap .ns-share ul li a.a1 { background:url(../images/ns-share-ico01.png) no-repeat center center; background-size:100% 100%; } .ns-detail-wrap .ns-share ul li a.a2 { background:url(../images/ns-share-ico02.png) no-repeat center center; background-size:100% 100%; } .ns-detail-wrap .ns-share ul li a:hover {opacity:0.7; filter:alpha(opacity=70);} .ns-detail-wrap .ns-page { background:url(../images/line01.png) repeat-x left top; padding:1.325em 0px 0.125em; } .ns-detail-wrap .ns-page ul li { color:#3171bd; line-height:2; padding:0.1em 0px; } .ns-detail-wrap .ns-page ul li span { color:#333; } .ns-detail-wrap .ns-page ul li a { color:#3171bd; } .ns-detail-wrap .ns-page ul li a:hover { text-decoration:underline; } .ns-con-detail .back { margin-top:1.875em; padding:1.65em 0px; } .ns-con-detail .back a { display:inline-block; position:relative; color:#444; padding-left:1.556em; } .ns-con-detail .back a:hover { color:#2877ce; } .ns-con-detail .back a i { width:1.11em; height:1em; position:absolute; left:0px; top:50%; margin-top:-0.5em;background:url(../images/back.png) no-repeat center center; background-size:1.11em 1em; } .ns-right .text-list { padding:2.625em 2.1875em 1.625em; } .ns-right .text-list .ns-title { position:relative; padding-left:0.875em; color:#444; } .ns-right .text-list .ns-title i { display:inline-block; position:absolute; left:0px; height:1.625em; top:50%; margin-top:-0.8em; background:#0c6fb7; width:0.25em; } .ns-right .text-list .time { color:#aaa; padding-top:0.2857em; } .ns-right .text-list h3 { line-height:1.875; color:#444; position:relative; } .ns-right .text-list h3 a { display:block; max-height:3.75em; } .ns-right .text-list ul { padding-top:0.75em; } .ns-right .text-list ul li { background:url(../images/line01.png) repeat-x left top;} .ns-right .text-list ul li .con { padding:0.5em 0.875em 0.6875em; } .ns-right .text-list ul li h3 a { position:relative; } .ns-right .text-list ul li h3 i { width:0.5em; height:0.5em; background:#c5c5c5; border-radius:50%; position:absolute; left:-0.875em; top:0.675em; } .ns-right .text-list ul li h3 a:hover { font-weight:bold; } .ns-right .text-list ul li:first-child { background:none; } .ns-right .text-list ul li:hover h3 i { background:#006eb7; } .ns-recommend { margin-top:2.5em; background:#fff; padding:0.9375em 0.9375em 1.9375em; } .ns-recommend .img { overflow:hidden; } .ns-recommend .img img { width:100%; } .ns-recommend h3 { color:#333; margin-top:1em; } .ns-recommend .more { padding-top:1.0714em; } .ns-recommend .more span { display:inline-block; background:#0e70b8; color:#fff; padding:0px 2.2857em; line-height:2.4285; border-radius:1.21425em; } .ns-recommend:hover .more span { opacity:0.9; filter:alpha(opacity=90); } .ns-recommend:hover { background:#0e70b8; } .ns-recommend:hover h3 { color:#fff; } .ns-recommend:hover .more span { background:#fff; color:#0e70b8; } @media only screen and (max-width:1240px){ .ns-detail-wrap { padding:2.625em 1.5em; } .ns-right .text-list { padding:2.625em 1.5em 1.625em; } } @media only screen and (max-width: 980px){ .in-title { margin-top:1em; } .ht { height:3em; } .ht2 { height:2em; } } @media only screen and (max-width: 767px){ .in-title .tit { font-weight:bold; } .in-title .more { margin-top:-1em; line-height:2; border-radius:1em; padding:2px 1.25em 0px; } .news-list ul { margin:0px -0.25em; } .news-list ul li { width:50%; } .news-list ul li .con { margin:0.25em; } .news-list ul li .text { padding:0.5em 0.75em 1em; } .news-list ul li .time { padding-top:0.5em; } .news-list ul li h3 { font-weight:bold; } .ns-sec-bk02 .news-list ul li { width:100%; } .ns-sec-bk02 .news-list ul li .text { padding:1.5em 0px; } .ns-sec-bk02 .news-list ul li .time { margin-top:0.5em; } .ns-detail-wrap .title i { top:0px; bottom:0.25em; } .ns-con-bk01 { padding:2.5em 0px 3em; } .ns-con-detail { margin-top:1em; } .ns-left { width:100%; } .ns-right { width:100%; margin-top:2em; } .ns-right .text-list { padding:2em 1.5em; } .ns-right .text-list .ns-title { font-weight:bold; } .ns-detail-wrap .title { font-weight:bold; } .ns-con-detail .back a { font-weight:bold; } .ns-current .tit { font-weight:bold; } .ns-right .text-list .ns-title i { top:0px; bottom:0.25em; height:auto; margin-top:0px; } .ns-con-detail .back a i { margin-top:-0.75em; } } @media only screen and (max-width: 340px){ }