@charset"utf-8";

/* CSS ALL */
*,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
select {
	scroll-behavior: smooth;
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Arial, Helvetica;
}

header,
menu,
nav,
section,
footer,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
img {
    max-width: 100%;
}
:link, :visited, ins {
    text-decoration: none;
}
ol, ul {
    list-style-type: none;
}

/*header*/
header {
    background-color: #17a4dd;
}

.ftnn-news-header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 0;
	width: 50%;
	margin: 0 auto 2rem;
}

.ftnn-news-logo-a {
	width: 25%;
	margin: 0 12rem 0 0;
}

.ftnn-news-logo {
	width: 100%;
}

.ftnn-news-header-ul {
	display: flex;
	align-items: center;
}

.ftnn-news-header-ul li {
	margin: 0 1rem 0 0;
}

.ftnn-news-header-ul li:last-child {
	margin: 0;
}

.ftnn-news-header-ul li a {
	color: #fff;
	font-size: 1.2rem;
}

.ftnn-news-header-ul li a:hover {
    color: #2eb7ed;
}

/*index*/
.index-page-w {
	/* width: 50%; */
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}

.index-page {
	margin: 0 auto 1rem;
}

.index-page-main-tit {
	width: 15%;
	font-size: 1.5rem;
	font-weight: bold;
	color: #2c2c2c;
	margin: 0 auto 4rem;
	padding: 0 0 .5rem 0;
	text-align: center;
	position: relative;
}

.index-page-main-tit::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40%;
	height: 4px;
	transform: translate(-50%, 0);
    background-color: #17a4dd;
}

.index-news-show-mb {
	display: none;
}
.index-news-show {
	/* width: 80%; */
	width: 40%;
	margin: 0 auto 2rem;
}

.index-news-show-flex {
	display: flex;
	justify-content: center;
	/* margin: 0 0 7rem 0; */

	margin: 0 0 5rem 0;
}

.index-news-show-img-a {
	display: flex;
	/* width: 375px;
	margin: 0 1rem; */
	text-align: center;
	justify-content: center;

	/* width: 295px;
    height: 190px;
    overflow: hidden; */
    margin: 0;
}
.index-news-show-flex .index-news-show-img-a:nth-child(3) {
	display: none;
}
.index-news-show-img {
	width: 100%;
	/* margin: 0 1rem; */
	text-align: center;
	position: relative;

	margin: 0 10px 0 0;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 295px;
    height: 195px;
    overflow: hidden;
}
.index-news-show-img-show {
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-news-show-flex a:last-child .index-news-show-img {
	margin: 0 0 0 0;
}

.index-news-img-txt {
	position: absolute;
	bottom: 0;
	padding: .2rem .5rem;
	text-align: start;
	background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 40%, #000);
}

.index-news-img-tit {
	color: #fff;
	/* margin: 0 0 1rem 0;
	height: 65px; */
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;

	font-size: 1.3rem;
	height: 58px;
	margin: 0 0 .5rem 0;
}

.index-news-img-date {
	color: #fff;
	font-size: .9rem;
}
.tags_flex {
	display: flex;
	align-items: center;
	margin: 0 0 .5rem 0;
}
.tags_flex .tag_0 {
	margin: 0 0 0 10px;
    color: #2e2e2e;
    padding: .2rem .5rem;
    background-color: #17a4de;
}

.index-news-more {
	font-size: 1rem;
	text-align: center;
	margin: 0 0 5rem 0;
}

.index-news-more a {
	color: #2c2c2c;
}

.index-news-img-p {
	opacity: 0;
	transition-duration: .5s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.index-news-img-p {
	height: 40px;
	font-size: 15px;
	overflow: hidden;
	display: none;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin: 0 0 1rem 0;
	color: #fff;
}

.index-news-show-img-a:hover .index-news-img-p {
	opacity: 1;
	display: -webkit-box;
}
.index-top-swiper-mb {
	display: none;
}
.index-top-swiper {
	width: 75%;
    margin: 3rem auto 5rem;
}
.index-top-swiper-img {
	position: relative;
	/* width: 375px;
    height: 473px;
	opacity: .7; */
	/* width: 600px;
    height: 340px; */
	width: 585px;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
}
.index-top-swiper-img p {
	position: absolute;
	bottom: 0;
	font-size: 1.8rem;
    color: #fff;
    margin: 0;
    height: auto;
	/* padding: .2rem .5rem; */
	/* padding: .5rem 1rem; */
	width: 100%;
    text-align: start;
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 40%, #000);
}
.index-top-swiper-img p span {
	padding: .5rem 1rem 0;
    height: 85px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-top-swiper .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0);
}
.index-top-swiper .swiper-pagination {
	position: absolute;
}

.index-top-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.index-top-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    /* width: 10px;
    height: 10px; */
    background-color: #ddf5ff;
    opacity: 1;

	width: 35px;
    height: 5px;
    border-radius: 0;
}
.index-top-swiper .swiper-pagination-bullet-active {
    background-color: #17a4de !important;
}
.index-top-swiper .swiper-button-prev {
    left: 32%;
    top: 35%;
}
.index-top-swiper .swiper-button-next {
	right: 32%;
    top: 35%;
}
.index-top-swiper .swiper-button-prev:after {
    content: 'prev';
    /* background-color: #17a4dd; */
    padding: 10px;
    color: #fff;
	font-size: 1.5rem;
}
.index-top-swiper .swiper-button-next:after {
    content: 'next';
    /* background-color: #17a4dd; */
    padding: 10px;
    color: #fff;
	font-size: 1.5rem;
}
.index-top-swiper .swiper-slide {
	display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide.swiper-slide-next {
	
}
.swiper-slide.swiper-slide-prev {
	
}
.index-top-swiper .swiper-creative .swiper-slide a {
	background-color: hsla(0, 4%, 95%, .6);
}
.swiper-slide.swiper-slide-visible.swiper-slide-active .index-top-swiper-img {
	opacity: 1;
}
.index-top-swiper .swiper {
	padding: 0 0 3rem 0;
}
.index-top-swiper .swiper-horizontal>.swiper-pagination-bullets,.index-top-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
	/* bottom: 0%; */
	bottom: 2%;
}

/*後台table*/
.table_css {

}
.table_css td {
	padding: .2rem;
}



/*category*/
.category-top {
	margin: 0 0 5rem 0;
	background-color: #f4fffa;
}

.category-top-nav.swiper {
	width: 36%;
	padding: 0;
	margin: 0 auto 1rem;
}

.category-top-nav .swiper-wrapper {
	/* justify-content: center; */
}

.category-top-nav li {
	padding: 1.5rem 0;
	text-align: center;
	position: relative;
}

.category-top-nav li::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	height: 3px;
	background-color: #dee7eb;
}

.category-top-nav li.active::before {
    background-color: #17a4dd;
}

.category-top-nav a {
	color: #5b747f;
	font-size: 1.2rem;
}
.category-top-nav li.active a h1 {
	font-size: 1.2rem;
}
.category-page {
	width: 36%;
	margin: 0 auto 5rem;
}

.category-show-ul ul {
	display: flex;
	flex-wrap: wrap;
}

.category-show-ul ul a {
	width: 31%;
	margin: 0 1rem 1rem 0;
}

.category-show-ul a:nth-child(3n) {
	width: 32%;
	margin: 0 0 1rem 0;
}

.category-news-img {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 0 0 .5rem 0;
	/* height: 270px; */

	height: 140px;
}

.category-news-img-date {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 40%, #000);
}

.category-news-img-date .date {
	color: #fff;
	font-size: .9rem;
	padding: .5rem .2rem;
}

.category-show-ul ul a li h2,
.category-show-ul ul a li span {
	height: 54px;
	font-size: 1.2rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin: 0 0 .2rem 0;
	color: #101010;
}

.category-show-ul ul a li span {
	height: 45px;
	font-size: 1rem;
	margin: 0;
}

/*news*/
.news-page {
	width: 36%;
	margin: 0 auto 5rem;
}
.news-page .news-body h2 {
	font-size: 1.2rem;
}
.news-breadcrumb {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 30px 0;
}

.news-breadcrumb .breadcrumb {
	margin-top: 10px;
	display: flex;
	padding: 0;
	margin-right: 1em;
	font-size: 15px;
	align-items: center;
	width: 100%;
}

.news-breadcrumb .breadcrumb a {
	color: #666;
}

.news-breadcrumb .breadcrumb a:not(:last-child)::after {
	color: #666 !important;
	content: "\003E";
	display: inline-block;
	margin: 0 0.25em;
}

.news-main-img,.news-page figure {
	/* width: 100%; */
	text-align: center;
	width: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: 0 auto 5rem;
}
.news-page figure img {
	height: auto;
}

.news-page .news-main-img-bottom,
.news-page figure figcaption,
.news-page figcaption {
	padding: 12px;
	text-align: left;
	margin: -5px 0 0 0;
	background-color: #f5f5f4;
}

.news-page .news-main-title h2,.news-page .news-main-title h1 {
	font-size: 2.2rem;
	margin: 0 0 2rem 0;
	font-weight: bold;
}

.news-detail-text {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 0 0 30px 0;
}

.ndt-left p {
	font-size: 19px;
	font-weight: bold;
	color: #3E3F3E;
}

.ndt-right {
	display: flex;
}

.share-group {
	display: flex;
	align-items: center;
}

.share-group a {
	display: inline-block;
	margin: 0 3px;
	color: #fff;
}

.share-cir-btn {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 5px;
}

.share-cir-btn i {
	font-size: 21px;
}

.share-cir-btn svg {
	font-size: 20px;
	color: #fff;
}

.line-s.share-cir-btn svg {
	width: 22px;
}

.fb-s {
	background-color: #3B5A98;
}

.twitter-s {
	background-color: #1CA0F0;
}

.line-s {
	background-color: #02C200;
}

.news-body {
	margin: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.news-body p {
	width: 100%;
	text-align: start;
	color: rgb(58, 58, 58);
	line-height: 2;
	letter-spacing: 2px;
	font-size: 17px !important;
	font-family: arial, "Microsoft JhengHei", 微軟正黑體, sans-serif !important;
	margin: 0px 0px 25px;
}

.other-news-show {
	padding: 2rem 0 4rem 0;
    background-color: #edf8ff;
}
.other-news-tit {
	width: 15%;
	font-size: 1.5rem;
	font-weight: bold;
	color: #2c2c2c;
	margin: 0 auto 2rem;
	padding: 0 0 .5rem 0;
	text-align: center;
	position: relative;
}

.other-news-tit::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40%;
	height: 4px;
	transform: translate(-50%, 0);
    background-color: #17a4dd;
}

.other-news-ul-show ul {
	display: flex;
	/* justify-content: center; */
	flex-wrap: wrap;
	width: 36%;
	margin: 0 auto 5rem;
}

.other-news-ul-show .index-news-more {
	margin: 0;
}

.other-news-ul-show ul a {
	width: 31%;
	margin: 0 1rem 1rem 0;
}

.other-news-ul-show ul a:nth-child(3n) {
	margin: 0 0 1rem 0;
}

.other-news-ul-li-img {
	display: flex;
	align-items: center;
	justify-content: center;
	/* height: 270px; */
	overflow: hidden;
	margin: 0 0 .5rem 0;

	height: 140px;
}

.other-news-ul-show h3,.other-news-ul-show p {
	font-size: 1rem;
	color: #484848;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin: 0 0 10px 0;
}

.index-page-w .index-page-edf8ff {
	padding: 2rem 0 1rem;
}

.index-page-w .index-page-edf8ff:nth-child(2n) {
    background-color: #edf8ff;
}
.news-page .news-yt-set iframe {
	width: 100%;
	height: 390px;
}

/* 404 */
.err_bg {
	position: relative;
	text-align: center;
	margin: 1rem 0;
}

.err_bg img {
	max-width: 100%;
}

.err_bg .err_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.err_bg .err_txt p {
	width: 335px;
	text-align: left;
	font-size: 1.2rem;
	line-height: 2rem;
}

.go_index {
	position: absolute;
	left: 50%;
	bottom: 20%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 1.2rem;
	padding: 0.5rem 2rem;
	border-radius: 50px;
	background-color: #3DA2DA;
}

.show-instag {
	width: 1200px;
	margin: 0 auto;
}

.x-hidden {
	overflow-x: hidden;
}

.show-instag div#instag_releated_content .item {
	margin-left: 0;
	margin-right: 3%;
}

.show-instag div#instag_releated_content .item:nth-child(5),
.show-instag div#instag_releated_content .item:nth-child(9) {
	margin-right: 0;
}


/*footer*/
.ftnn-news-footer {
	padding: 1rem;
    background-color: #17a4de;
}

.ftnn-news-ft-logo-a {
	display: flex;
	width: 4%;
	margin: 0 auto 1rem;
	justify-content: center;
	align-items: center;
}
.ftnn-news-ft-logo {

}

.ftnn-news-footer-ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ftnn-news-footer-ul li {
	margin: 0 1rem 0 0;
}

.ftnn-news-footer-ul li:last-child {
	margin: 0;
}

.ftnn-news-footer-ul li a {
	color: #fff;
	font-size: 1.2rem;
}

.ft-copyright {
	color: #fff;
	padding: .5rem;
	text-align: center;
	background-color: #022d3f;
}

.top-btn {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 50%;
	position: fixed;
	bottom: 200px;
	right: 2%;
	cursor: pointer;
}

.top-btn span {
	font-size: 17px;
	font-weight: bold;
}


/*20250630新版index*/
.new_index_w {
	width: 1200px;
	margin: 0 auto;
}
.top_g {
	width: 85%;
	display: flex;
	justify-content: center;
	margin: 0 auto 3rem;
}
.new_index_w .index_top_swiper {
	width: 715px;
}
.focus_swiper_img {
	width: 100%;
	position: relative;
}
.focus_tit {
	width: 100%;
    padding: 1rem 0 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
	font-size: 1.5rem;
    color: #fff;
    text-shadow: 2px 2px #6d6d6d;
    background-color: #ffffff85;
}
.focus_tit p {
	margin: 0 .5rem 0;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
	max-height: 67px;
}
.new_index_w .index_top_swiper img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.index_focus_list {
	width: 100%;
    margin: 0 0 0 1.5rem;
}
.index_focus_list .title_txt {
	color: #17a4de;
	font-size: 1.3rem;
	font-weight: 600;
    padding: 0 0 .5rem 0;
	margin: 0 0 1rem 0;
    border-bottom: 1px solid #17a4de4a;
}
.index_focus_ul {
	padding: 0;
}
.index_focus_ul a {
	font-size: 1.15rem;
	color: #353535;
}
.index_focus_ul li {
	padding: .6rem;
    background-color: #f5fdff;
}
.index_focus_ul a:nth-child(2n) li {
    background-color: #e8f9fc;
}
.index_focus_ul li p {
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.index_top_swiper .swiper-button-prev:after,.index_top_swiper .swiper-rtl .swiper-button-next:after,
.index_top_swiper .swiper-button-next:after,.index_top_swiper .swiper-rtl .swiper-button-prev:after {
    padding: .5rem;
    color: #fff;
    font-size: 1.2rem;
    background-color: #00000085;
}
.index_top_swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.index_top_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	border-radius: 0;
    width: 15px;
    height: 5px;
}
.index_top_swiper .swiper-pagination-bullet-active {
	background: #17a4de;
    width: 35px !important;
}
.news_index_g {
	width: 85%;
    margin: 0 auto 3rem;
}
.news_top_flex {
	display: flex;
    align-items: center;
	margin: 0 0 3rem 0;
}
.news_top_tit {
	width: 100px;
	height: 45px;
	color: #17a4de;
	background-color: #e9faff;
	display: flex;
	align-items: center;
    justify-content: center;
}
.news_top_tit span {
	margin: 0 .5rem;
	font-size: 1.5rem;
}
.news_top_flex .blue {
	width: 10px;
	height: 45px;
	margin: 0 .5rem 0 0;
	background-color: #e9faff;
}
.news_top_flex .blue:last-child {
	width: 100%;
	margin: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.blue_line {
    width: 80%;
    height: 1px;
    margin: 0 auto;
    background-color: #17a4de;
}
.blue a {
	margin: 0 1rem 0 0;
	color: #17a4de;
	font-size: 1rem;
	font-weight: 600;
}

.news_top_ul {
	padding: 0;
	width: 100%;
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
}
.news_top_ul a {
	display: block;
	width: 23.5%;
	color: #353535;
	margin: 0 1.25rem 1.2rem 0;
}
.news_top_ul a:nth-child(4n) {
	margin: 0 0 1.2rem 0;
}
.news_top_ul li {
	list-style: none;
}
.news_top_ul li .list_img {
	width: 100%;
}
.news_top_ul li p {
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}


@media screen and (max-width:1440px) {
	.news-page {
		width: 44%;
	}

	.other-news-ul-show ul {
		width: 45%;
	}

	.index-news-show {
		width: 50%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 44%;
	}

	.category-show-ul ul a {
		width: 31%;
		margin: 0 1rem 3rem 0;
	}

	.category-show-ul a:nth-child(3n) {
		margin: 0 0 3rem 0;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 355px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 29%;
	}
	.index-top-swiper .swiper-button-next {
		right: 29%;
	}
	.index-top-swiper-img {
		width: 520px;
		height: 295px;
	}
	.index-top-swiper-img p {
		height: 95px;
	}
	.index-top-swiper-img p span {
		padding: .5rem 1rem .2rem;
    	height: auto;
	}
}

@media screen and (max-width:1366px) {
	.category-page,.category-top-nav.swiper {
		width: 45%;
	}
	.other-news-ul-li-img {
		height: 240px;
	}
	.index-top-swiper-img p {
		height: 80px;
		font-size: 1.5rem;
    }
	.index-top-swiper-img {
        width: 485px;
        height: 275px;
    }
}

@media screen and (max-width:1300px) {
	.other-news-ul-li-img {
		height: 220px;
	}

	.index-news-show-img-a {
		width: 100%;
		margin: 0;
	}

	.index-page-main-tit {
		width: 35%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 47%;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 320px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 27%;
	}
	.index-top-swiper .swiper-button-next {
		right: 27%;
	}
}

@media screen and (max-width:1280px) {
	.index-page {
		width: 100%;
	}

	.news-page,
	.other-news-ul-show ul {
		width: 47%;
	}

	.news-page .news-main-title h2,.news-page .news-main-title h1 {
		font-size: 1.8rem;
	}

	.top-btn {
		width: 45px;
		height: 45px;
		color: #000;
		background-color: #ccc6;
		z-index: 2;
	}
}

@media screen and (max-width:1240px) {
	.index-page-main-tit {
		width: 15%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 49%;
	}

	.new_index_w {
		width: 100%;
	}
	/* .index-top-swiper .swiper-button-prev {
		left: 28%;
	}
	.index-top-swiper .swiper-button-next {
		right: 28%;
	} */
}

@media screen and (max-width:1200px) {
	.ftnn-news-logo-a {
		width: 25%;
		margin: 0 10rem 0 0;
	}

	.ndt-left p {
		font-size: 15px;
	}

	.category-top-nav li {
		padding: 1rem 0;
	}
}
@media screen and (max-width:1180px) {
	
	.index-top-swiper .swiper-button-prev {
		left: 26%;
	}
	.index-top-swiper .swiper-button-next {
		right: 26%;
	}
	.top_g,.news_index_g {
		width: 90%;
	}
	.news_top_ul a {
		margin: 0 1.2rem 1.2rem 0;
	}
}
@media screen and (max-width:1136px) {
	.ftnn-news-header {
		width: 70%;
	}

	.news-page,
	.other-news-ul-show ul {
		width: 53%;
	}

	.index-news-show {
		width: 55%;
	}

	.ftnn-news-ft-logo-a {
		width: 5%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 55%;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 340px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 24%;
	}
	.index-top-swiper .swiper-button-next {
		right: 24%;
	}
}

@media screen and (max-width:1100px) {
	.index-news-show {
		width: 60%;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 320px;
	}
}

@media screen and (max-width:1080px) {
    .category-page, .category-top-nav.swiper {
        width: 56%;
    }
    .news-page .news-yt-set iframe {
        width: 100%;
        height: 320px;
    }
}

@media screen and (max-width:1024px) {

	.news-page,.other-news-ul-show ul {
		width: 58%;
	}
	.category-page,.category-top-nav.swiper {
		width: 58%;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 335px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 22%;
	}
	.index-top-swiper .swiper-button-next {
		right: 22%;
	}
	.new_index_w .index_top_swiper {
		width: 650px;
	}
	.index_focus_ul li {
		padding: .35rem;
	}
	.news_top_ul a {
        margin: 0 1.1rem 1.2rem 0;
    }
}

@media screen and (max-width:1000px) {
	.ftnn-news-header {
		width: 100%;
	}

	.ftnn-news-logo-a {
		width: 20%;
		margin: 0 3rem 0 0;
	}

	.ftnn-news-ft-logo-a {
		width: 7%;
	}

	.index-news-show-img-a {
		width: 100%;
	}

	.news-page,
	.other-news-ul-show ul {
		width: 50%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 50%;
	}

	.other-news-ul-li-img {
		height: 100px;
	}

	.index-news-show {
		width: 55%;
	}

	.category-top {
		margin: 0 0 2rem 0;
	}

	.category-show-ul ul a {
		width: 30%;
		margin: 0 1rem 3rem 0;
	}

	.category-news-img {
        height: 100px;
    }

	.news-page .news-yt-set iframe {
		width: 100%;
		height: 280px;
	}
	.other-news-ul-li-img {
		height: 200px;
	}
}

@media screen and (max-width:996px) {
    .news-page .news-yt-set iframe {
        width: 100%;
        height: 280px;
    }
}

@media screen and (max-width:960px) {
	.other-news-ul-li-img {
		height: 95px;
	}

	.index-news-img-tit {
		font-size: 1.2rem;
		height: 54px;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 52%;
	}
	.other-news-ul-li-img {
		height: 185px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 22%;
	}
	.index-top-swiper .swiper-button-next {
		right: 22%;
	}
	.index_focus_list .title_txt {
		font-size: 1.2rem;
		margin: 0 0 .5rem 0;
	}
	.index_focus_ul a {
		font-size: 1rem;
	}
	.new_index_w .index_top_swiper {
        width: 600px;
    }
	.index_focus_ul li {
        padding: .48rem;
    }
	.focus_tit {
		font-size: 1.3rem;
	}
	.news_top_ul a {
        margin: 0 1rem 1.2rem 0;
    }
	.news_top_tit span {
		font-size: 1.2rem;
	}
	.focus_tit p {
		max-height: 59px;
	}
}

@media screen and (max-width:915px) {
	.ftnn-news-logo-a {
		width: 20%;
		margin: 0 10rem 0 0;
	}

	.news-page,
	.other-news-ul-show ul {
		width: 65%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 65%;
	}

	.other-news-ul-li-img {
		height: 125px;
	}

	.index-news-show {
		width: 100%;
	}

	.index-news-show {
		width: 70%;
	}
	.other-news-ul-li-img {
		height: 230px;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 335px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 18%;
	}
	.index-top-swiper .swiper-button-next {
		right: 18%;
	}
	.category-news-img {
        height: 120px;
    }
	.new_index_w .index_top_swiper {
        width: 550px;
    }
	.index_focus_ul li {
        padding: .3rem;
    }
	.news_top_ul a {
		font-size: 1rem;
	}
}

@media screen and (max-width:860px) {

	.news-page,
	.other-news-ul-show ul {
		width: 68%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 68%;
	}

	.index-news-show {
		width: 75%;
	}

	.category-top {
		margin: 0 0 4rem 0;
	}

	.index-top-swiper .swiper-button-prev {
		left: 17%;
	}
	.index-top-swiper .swiper-button-next {
		right: 17%;
	}
	.news_top_ul a {
        margin: 0 .9rem 1.2rem 0;
    }
}

@media screen and (max-width:820px) {
	.other-news-ul-li-img {
		height: 200px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 15%;
	}
	.index-top-swiper .swiper-button-next {
		right: 15%;
	}
	.index-news-show-flex,.index-news-more {
		margin: 0 0 3rem 0;
	}
}

@media screen and (max-width:800px) {

	.news-page,
	.other-news-ul-show ul {
		width: 72%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 72%;
	}
}

@media screen and (max-width:769px) {
	.top_g, .news_index_g {
        width: 95%;
    }
}

@media screen and (max-width:768px) {
	.ftnn-news-logo-a {
		width: 25%;
	}

	.news-page,
	.other-news-ul-show ul {
		width: 80%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 80%;
	}

	.index-news-show {
		width: 85%;
	}

	.index-page-main-tit {
		width: 25%;
	}

	.go_index {
		bottom: 10%;
	}
	.other-news-ul-li-img {
	    height: 235px;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 345px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 7%;
		top: 40%;
	}
	.index-top-swiper .swiper-button-next {
		right: 7%;
		top: 40%;
	}
	.index-top-swiper-img {
        width: 600px;
        height: 340px;
    }
	.top_g {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.new_index_w .index_top_swiper {
        width: 100%;
    }
	.index_focus_list {
		margin: 0;
	}
	.new_index_w .index_top_swiper {
        margin: 0 0 1rem 0;
    }
	.index_focus_ul li {
        padding: .8rem;
    }
	.index_focus_list .title_txt {
        margin: 0 0 1.5rem 0;
    }
	.index_focus_ul li p {
		-webkit-line-clamp: 1;
	}
}
@media screen and (max-width:742px) {
	.news_top_ul a,.news_top_ul a:nth-child(4n) {
        width: 48%;
        margin: 0 1.5rem 1.5rem 0;
    }
	.news_top_ul a:nth-child(2n) {
		margin: 0 0 1.5rem 0;
	}
}
@media screen and (max-width:700px) {

	.news-page,
	.other-news-ul-show ul {
		width: 85%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 85%;
	}

	.index-news-show {
		width: 90%;
	}

	/* .index-top-swiper .swiper-button-prev {
		left: 10%;
	}
	.index-top-swiper .swiper-button-next {
		right: 10%;
	} */
	.index-top-swiper-img {
        width: 490px;
        height: 315px;
    }
}

@media screen and (max-width:642px) {
	.ftnn-news-logo-a {
		width: 35%;
		margin: 0 1rem 0 0;
	}

	.ftnn-news-ft-logo-a {
		width: 10%;
	}

	.index-page-main-tit {
		width: 30%;
	}

	.index-news-show-img {
		margin: 0;
	}

	.ftnn-news-logo-a {
		width: 30%;
		margin: 0 5rem 0 0;
	}

	.index-news-show-img {
		width: 95%;
	}

	.other-news-tit {
		width: 30%;
	}

	.index-news-show {
		width: 85%;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 305px;
	}
	.ftnn-news-header {
		margin: 0 auto 0;
	}
	.index-top-swiper-img {
		width: 100%;
    	/* height: 700px; */
   		opacity: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.index-top-swiper .swiper-button-prev {
		left: 7%;
		top: 35%;
	}
	.index-top-swiper .swiper-button-next {
		right: 7%;
		top: 35%;
	}
	.category-news-img {
        height: 110px;
    }
	.other-news-ul-li-img {
        height: 110px;
    }
	.new_index_w {
		margin: 2rem auto 0;
	}
}

@media screen and (max-width:600px) {

	.news-page,
	.other-news-ul-show ul {
		width: 95%;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 95%;
	}

	.ftnn-news-logo-a {
		width: 30%;
		margin: 0 8rem 0 0;
	}
	.index-news-show {
		width: 95%;
		display: none;
	}
	.index-news-show-mb {
		display: block;
		width: 95%;
    	margin: 0 auto 2rem;
	}
	.index-news-show.immediate {
		width: 95%;
		display: block;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 320px;
	}
	.index-top-swiper .swiper-button-prev {
		left: 5%;
	}
	.index-top-swiper .swiper-button-next {
		right: 5%;
	}
	.index-news-show-mb .mySwiper,.index-news-show-mb .index-news-more {
		margin: 0 0 3rem 0;
	}
	.index-news-show-img {
        width: 95%;
		height: auto;
		flex-direction: column;
    }
	.index-news-img-txt {
        width: 100%;
        padding: 0;
        left: 0;
    }
	.index-news-img-tit {
        font-size: 1.2rem;
        height: 56px;
        width: 90%;
        margin: 0 auto;
    }
	.index-news-show-img-show {
		width: 100%;
    	height: 200px;
	}
	.tags_flex {
		display: none;
	}
	.category-news-img {
        height: 115px;
    }
	.index-news-show.immediate .index-news-show-flex {
		flex-direction: column;
	}
	.index-news-show.immediate .index-news-show-img-a {
        width: 100%;
        margin: 0 0 2rem 0;
    }
	.index-news-show-flex .index-news-show-img-a:nth-child(3) {
		display: none;
	}
	.news_top_ul a, .news_top_ul a:nth-child(4n) {
        width: 48%;
        margin: 0 1.3rem 1.5rem 0;
    }
	.news_top_ul a:nth-child(2n) {
        margin: 0 0 1.5rem 0;
    }
}

@media screen and (max-width:580px) {
	.ftnn-news-logo-a {
		width: 25%;
		margin: 0 8rem 0 0;
	}

	.news-page,
	.other-news-ul-show ul {
		width: 90%;
	}

	.other-news-ul-show ul a {
		width: 45%;
		margin: 0 1rem 1rem 0;
	}

	.other-news-ul-show ul a:nth-child(3n) {
		margin: 0 1rem 1rem 0;
	}

	.other-news-ul-show ul a:nth-child(2n) {
		margin: 0 0 1rem 0;
	}
}

@media screen and (max-width:540px) {
	.index-news-img-txt {
        width: 90%;
    }
	.index-news-img-txt {
		padding: .2rem 1rem;
	}

	.ftnn-news-header {
		width: 100%;
		padding: 1rem 0;
	}

	.ftnn-news-logo-a {
		width: 27%;
		margin: 0 5rem 0 0;
	}

	.category-page,
	.category-top-nav.swiper {
		width: 90%;
	}

	.go_index {
		bottom: 0%;
		font-size: 1rem;
	}
	.other-news-ul-show ul a {
		width: 48%;
		margin: 0 1rem 1rem 0;
	}
	.news-page .news-yt-set iframe {
	    width: 100%;
	    height: 275px;
	}
	.index-top-swiper {
		width: 100%;
	}
	.index-top-swiper-img {
		
	}
	.index-top-swiper {
		margin: 0 auto 3rem;
	}
	.index-top-swiper .swiper {
		padding: 0 0 2rem 0;
	}
	.index-top-swiper .swiper-button-prev {
		top: 25%;
        left: 5%;
    }
	.index-top-swiper .swiper-button-next {
		top: 25%;
        right: 5%;
    }
	.index-news-img-tit {
		width: 100%;
	}
	.category-news-img {
        height: 100px;
    }
	.index-news-show.immediate .index-news-img-txt {
        width: 94%;
    }
	.other-news-ul-li-img {
        height: 132px;
    }
	.news_top_ul a, .news_top_ul a:nth-child(4n) {
        width: 47.8%;
        margin: 0 1.3rem 1.5rem 0;
    }
	.news_top_ul a:nth-child(2n) {
		width: 47.8%;
        margin: 0 0 1.5rem 0;
    }
	.blue_line {
		width: 60%;
	}
}

@media screen and (max-width:480px) {
	.ftnn-news-logo-a {
		width: 27%;
		margin: 0 3rem 0 0;
	}

	.ftnn-news-ft-logo-a {
		width: 15%;
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 240px;
	}
	.index-top-swiper .swiper-button-prev {
        left: 15%;
    }
	.index-top-swiper .swiper-button-next {
        right: 15%;
    }
	.index-top-swiper-img p {
		font-size: 1.5rem;
	}
	.category-news-img {
        height: 90px;
    }
	.other-news-ul-li-img {
        height: 125px;
    }
	.news_top_ul a {
        width: 47.5%;
    }
}
@media screen and (max-width:470px){
	
}
@media screen and (max-width:430px) {
	.ftnn-news-header {
		padding: .2rem 0;
	}
	.ftnn-news-logo-a {
		width: 35%;
		margin: 0 0 .5rem 0;
	}
	.ftnn-news-logo {
		margin: .4rem 0;
	}
	.category-top {
        margin: 2.2rem auto 0;
    }

	.index-news-show-flex,
	.ftnn-news-header {
		flex-direction: column;
	}

	.index-news-show-img-a {
		width: 100%;
		margin: 0;
	}

	.index-news-img-txt {
		left: 50%;
		bottom: 0;
		width: 88%;
		transform: translate(-50%, 0);
	}

	.ft-copyright {
		font-size: 13px;
	}

	.ftnn-news-ft-logo-a {
		width: 15%;
	}

	.index-news-img-txt {
		width: 96%;
	}

	.index-news-img-txt {
		width: 93%;
	}

	.category-show-ul ul a {
		width: 47.5%;
		margin: 0 1rem 3rem 0;
	}

	.category-show-ul a:nth-child(3n) {
		width: 47.5%;
		margin: 0 1rem 3rem 0;
	}

	.category-show-ul a:nth-child(2n) {
		margin: 0 0 3rem 0;
	}

	.category-news-img {
        height: 125px;
    }

	.err_bg .err_txt {
		width: 60%;
	}

	.err_bg .err_txt p {
		width: 100%;
		font-size: 1rem;
	}

	.top-btn {
		bottom: 110px;
	}
	.news-page .news-yt-set iframe {
	    width: 100%;
	    height: 220px;
	}
	.other-news-ul-show ul a {
	    width: 47.5%;
	    margin: 0 1rem 1rem 0;
	}
	.other-news-ul-li-img {
		height: 130px;
	}
	.index-top-swiper .swiper-button-prev:after,.index-top-swiper .swiper-button-next:after {
		font-size: 1.2rem;
	}
	.index-top-swiper-img p {
        font-size: 1.3rem;
    }
	.index-news-img-p {
		display: block;
    	opacity: 1;
	}
	.index-news-img-tit {
        font-size: 1.5rem;
        height: 65px;
    }
	.index-news-show-flex {
		margin: 0 0 1rem 0;
	}
	.index-news-more {
		margin: 0;
	}
	.index-page-edf8ff .index-news-img-txt {
		position: relative;
        background-image: none;
		padding: .3rem 0;
	}
	.index-page-edf8ff .index-news-img-tit,.index-page-edf8ff .index-news-img-p {
		color: #2c2c2c;
	}
	header {
		position: fixed;
		top: 0;
		z-index: 10;
	}
	.ftnn-news-header {
		padding: 0;
		margin: .65rem 0;
	}
	.index-page-w {
        margin: 6rem auto 0;
    }
	.index-news-show-img {
        margin: 0;
		height: auto;
    }
	.tags_flex {
		width: 100%;
		display: flex;
		align-items: center;
		/* margin: 0 0 .5rem 0; */
		position: absolute;
		bottom: 39%;
        left: 0;
		padding: 1rem 0 .5rem;
        background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 40%, #000);
	}
	.index-news-img-date {
		color: #fff;
		padding: 0 1rem;
	}
	.index-news-show-img-show {
		height: 170px;
		overflow: hidden;
	}
	.index-news-show.immediate .tags_flex {
		bottom: 90%;
	}
	.index-news-show.immediate .index-news-img-txt {
        width: 100%;
        padding: 1rem 0 0;
    }
	.index-top-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .index-top-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 30px;
    	height: 3px;
	}
	.index-top-swiper .swiper-button-prev {
        top: 27%;
        left: 1%;
    }
	.index-top-swiper .swiper-button-next {
        top: 27%;
        right: 1%;
    }
	.index-page-main-tit {
		width: 40%;
		margin: 0 auto 2rem;
	}
	.index-top-swiper-img {
        height: 245px;
    }
	.news-page {
        margin: 6.5rem auto 0;
    }
	.new_index_w {
        margin: 8rem auto 0;
    }
	.focus_tit {
        font-size: 1.1rem;
        padding: 1rem 0 1.5rem;
    }
	.news_top_ul a,.news_top_ul a:nth-child(2n) {
        width: 100%;
        margin: 0 auto 1.5rem;
    }
	.news_top_ul li {
		display: flex;
	}
	.news_top_ul li .list_img {
		width: 40%;
	}
	.news_top_ul li p {
		width: 57%;
    	margin: 0 0 0 .8rem;
		-webkit-line-clamp: 3;
	}
}

@media screen and (max-width:414px) {
	.index-news-img-txt {
		left: 50%;
		bottom: 0;
	}

	.news-page .news-main-title h2,.news-page .news-main-title h1 {
		font-size: 1.6rem;
	}

	.news-detail-text {
		align-items: flex-start;
		flex-direction: column;
	}

	.ndt-right {
		display: flex;
		width: 100%;
		justify-content: flex-end;
	}

	.index-news-img-txt {
		width: 96%;
	}


	.category-top-nav li::before {
		width: 85%;
	}

	.go_index {
		bottom: 0%;
		font-size: .9rem;
	}
	.news-page .news-yt-set iframe {
	    width: 100%;
	    height: 210px;
	}
	.index-news-img-date {
		font-size: .9rem;
	}
	.index-news-img-tit {
        font-size: 1.2rem;
        height: 55px;
    }
	.index-top-swiper .swiper-button-prev {
        top: 26%;
        left: 0%;
    }
	.index-top-swiper .swiper-button-next {
        top: 26%;
        right: 0%;
    }
	.index-top-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .index-top-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 25px;
	}
	.index-top-swiper-img {
        width: 100%;
		height: 235px;
    }
	.category-news-img {
        height: 120px;
    }
	.index-news-show-img-show {
        /* height: 140px; */
		height: 160px;
    }
	.tags_flex {
		/* bottom: 43%; */
		bottom: 40%;
	}
	.index-news-show-mb .mySwiper, .index-news-show-mb .index-news-more {
        margin: 0 0 1rem 0;
    }
	.index-page-main-tit {
		margin: 0 auto 1.5rem;
	}
	.index-top-swiper-img {
        width: 100.2%;
        height: 235px;
    }
	.category-show-ul ul a {
		margin: 0 1rem 1rem 0;
	}
	.category-show-ul a:nth-child(2n) {
        margin: 0 0 1rem 0;
    }
}

@media screen and (max-width:393px) {
	.news-page .news-main-title h2,.news-page .news-main-title h1 {
		font-size: 1.4rem;
	}

	.other-news-tit {
		width: 40%;
	}

	.news-main-img,
	.news-page figure {
		margin: 0 auto 3rem;
	}

	.err_bg {
		margin: 1rem 0 5rem;
	}
	.news-body p {
		/* font-size: 13px !important; */
	}
	.news-page .news-yt-set iframe {
		width: 100%;
		height: 200px;
	}
	.other-news-ul-li-img {
		height: 110px;
	}
	.index-news-show-mb {
		width: 93%;
	}
	.index-top-swiper-img {
        width: 100%;
        height: 225px;
    }
	.index-page-w {
        margin: 5.8rem auto 0;
    }
	.news-page {
        margin: 6.5rem auto 0;
    }
	.category-news-img {
        height: 110px;
    }
	.index-top-swiper .swiper-button-prev {
        top: 28%;
        left: 0%;
    }
	.index-top-swiper .swiper-button-next {
        top: 28%;
        right: 0%;
    }
	.index_focus_list .title_txt {
        margin: 0 .5rem 1.5rem;
    }
}

@media screen and (max-width:390px) {

	.news-main-img,
	.news-page figure {
		margin: 0 auto 2rem;
	}

	.go_index {
		bottom: -30%;
		font-size: .9rem;
	}
}
@media screen and (max-width:375px) {
    .news-page .news-yt-set iframe {
        width: 100%;
        height: 190px;
    }
	.index-page-w {
        margin: 5.4rem auto 0;
    }
	.index-top-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .index-top-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 20px;
    }
	.index-page-main-tit {
        margin: 0 auto 1rem;
    }
	.index-top-swiper .swiper-button-prev {
        top: 32%;
        left: 0%;
    }
	.index-top-swiper .swiper-button-next {
        top: 32%;
        right: 0%;
    }
}

@media screen and (max-width:360px) {
	.index-page-w {
        margin: 5.1rem auto 0;
    }
	.other-news-ul-show ul a {
		width: 100%;
		margin: 0 0 1rem 0;
	}

	.other-news-ul-show ul a:nth-child(3n) {
		margin: 0 0 1rem 0;
	}

	.other-news-ul-li-img {
		height: 220px;
	}

	.category-news-img {
        height: 190px;
    }

	.category-show-ul ul a {
		width: 90%;
		margin: 0 auto 2rem;
	}

	.category-show-ul a:nth-child(2n),
	.category-show-ul a:nth-child(3n) {
		width: 90%;
		margin: 0 auto 2rem;
	}
	.index_focus_list .title_txt,.news_top_tit span {
        font-size: 1.1rem;
    }
	.news_top_ul li p {
		height: 68px;
	}
}